import { useSafeLayoutEffect } from "@dreamy-ui/react";

useSafeLayoutEffect is a useLayoutEffect that is safe to use during server side rendering. It uses useEffect during server side rendering, skipping annoying and ugly useLayoutEffect warnings on server.

/**
 * This will only run on the client, even SSR-ed.
 */
useSafeLayoutEffect(() => {
    console.log("useSafeLayoutEffect");
}, []);