@modern-kit/react
Version:
1 lines • 848 B
Source Map (JSON)
{"version":3,"file":"index.mjs","sources":["../../../src/hooks/useIsomorphicLayoutEffect/index.ts"],"sourcesContent":["import { isClient } from '@modern-kit/utils';\nimport { useEffect, useLayoutEffect } from 'react';\n\n/**\n * @description `useIsomorphicLayoutEffect`훅은 클라이언트와 서버 환경에서 적절한 Effect 훅을 사용하는 훅입니다.\n *\n * React의 `useLayoutEffect`는 서버 측 렌더링 시 경고가 발생할 수 있으므로,\n * 이를 방지하기 위해 서버에서는 `useEffect`를 사용하고, 클라이언트에서는 `useLayoutEffect`를 사용합니다.\n *\n * @example\n * useIsomorphicLayoutEffect(callback, deps);\n */\nexport const useIsomorphicLayoutEffect = isClient()\n ? useLayoutEffect\n : useEffect;\n"],"names":[],"mappings":";;;AAYO,MAAM,yBAAA,GAA4B,QAAA,EAAS,GAC9C,eAAA,GACA;;;;"}