"use client";

import * as React from "react";

/**
 * On the server, React emits a warning when calling `useLayoutEffect`.
 * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
 * We use this safe version which suppresses the warning by replacing it with a noop on the server.
 *
 * @see https://react.dev/reference/react/useLayoutEffect
 */
const useLayoutEffect = globalThis?.document
  ? React.useLayoutEffect
  : () => {};

export { useLayoutEffect };