use-as-ref

1import * as React from "react";
2 
3import { useIsomorphicLayoutEffect } from "@/registry/bases/radix/hooks/use-isomorphic-layout-effect";
4 
5function useAsRef<T>(props: T) {
6  const ref = React.useRef<T>(props);
7 
8  useIsomorphicLayoutEffect(() => {
9    ref.current = props;
10  });
11 
12  return ref;
13}
14 
15export { useAsRef };