# useLatestRef

Hook that exposes the latest rendered value through a stable ref

## Import

```tsx
import { useLatestRef } from "@videojs/react";
```

## Usage

Use a latest-value ref when a long-lived callback must read current props without recreating the subscription that owns it.

```tsx
import { useEffect } from "react";
import { useLatestRef } from "@videojs/react";

type SubscriberProps = {
  onChange(value: number): void;
  subscribe(callback: (value: number) => void): () => void;
};

function Subscriber({ onChange, subscribe }: SubscriberProps) {
  const onChangeRef = useLatestRef(onChange);

  useEffect(() => subscribe((value) => onChangeRef.current(value)), []);

  return null;
}
```

The ref object is stable across renders and its `current` property is updated during every render.

## API Reference

`useLatestRef<Value>(value): Readonly<{ current: Value }>`

### Parameters

| Parameter | Type | Default | Description |
| --- | --- | --- | --- |
| `value` (required) | `Value` | — | Value the ref should expose after each render. |

### Return Value

| Property | Type |
| --- | --- |
| `current` | `Value` |

---

React documentation: https://videojs.org/docs/framework/react/llms.txt
All documentation: https://videojs.org/llms.txt