{
  "name": "use-deep-compare-layout-effect",
  "author": "Brendan Dash (https://shadcn-hooks.com)",
  "description": "A hook to use a deep compare layout effect",
  "dependencies": [
    "dequal"
  ],
  "files": [
    {
      "path": "registry/hooks/use-deep-compare-layout-effect.ts",
      "content": "import { dequal } from 'dequal'\nimport { useLayoutEffect, useRef } from 'react'\nimport type { DependencyList, EffectCallback } from 'react'\n\nexport function useDeepCompareLayoutEffect(\n  effect: EffectCallback,\n  deps: DependencyList,\n) {\n  const ref = useRef<DependencyList>(deps)\n\n  if (!ref.current || !dequal(ref.current, deps)) {\n    ref.current = deps\n  }\n\n  useLayoutEffect(effect, ref.current)\n}\n",
      "type": "registry:hook"
    }
  ],
  "type": "registry:hook"
}