{
  "name": "use-as-ref",
  "type": "registry:hook",
  "registryDependencies": [
    "@diceui/use-isomorphic-layout-effect"
  ],
  "files": [
    {
      "path": "hooks/use-as-ref.ts",
      "type": "registry:hook",
      "content": "import * as React from \"react\";\n\nimport { useIsomorphicLayoutEffect } from \"@/registry/bases/base/hooks/use-isomorphic-layout-effect\";\n\nfunction useAsRef<T>(props: T) {\n  const ref = React.useRef<T>(props);\n\n  useIsomorphicLayoutEffect(() => {\n    ref.current = props;\n  });\n\n  return ref;\n}\n\nexport { useAsRef };\n",
      "target": ""
    }
  ]
}