@kilpi/react-client/src/hooks/useWrapRef.ts

Kilpi React Client Components · Kilpi is the authorization framework for full-stack TypeScript applications, designed for flexible, powerful, agnostic, intuitive and developer friendly authorization.

import { useEffect, useRef } from "react";

/**
 * Wrap any item in a reference for reference integrity reasons.
 */
export function useWrapRef<T>(t: T) {
  const ref = useRef<T>(t);

  useEffect(() => {
    ref.current = t;
  }, [t]);

  return ref;
}