21 lines
631 B
TypeScript
21 lines
631 B
TypeScript
|
'use client';
|
||
|
|
|
||
|
|
import { useEffect, useRef } from 'react';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* A ref that always holds the value of the latest render.
|
||
|
|
*
|
||
|
|
* For code that awaits a request and then has to know whether the editor moved
|
||
|
|
* on meanwhile: a save handler closes over the state it started with, so after
|
||
|
|
* the `await` it cannot tell "nothing changed" from "the operator kept typing".
|
||
|
|
* Comparing what was sent with `ref.current` can (every edit replaces the state
|
||
|
|
* value, so identity is enough).
|
||
|
|
*/
|
||
|
|
export function useLatest<T>(value: T) {
|
||
|
|
const ref = useRef(value);
|
||
|
|
useEffect(() => {
|
||
|
|
ref.current = value;
|
||
|
|
}, [value]);
|
||
|
|
return ref;
|
||
|
|
}
|