fold-dev / roadmap

Public roadmap for Fold. 🚩
https://fold.dev
MIT License
0 stars 0 forks source link

Add SSR wrapper for useLayoutEffect #59

Open joduplessis opened 1 month ago

joduplessis commented 1 month ago

https://medium.com/@alexandereardon/uselayouteffect-and-ssr-192986cdcf7a

import useLayoutEffect from './use-isomorphic-layout-effect';
function App() {
  useLayoutEffect(() => {
    console.log('hello there');
  }, []);
  return 'Hello world';
};
// use-isomorphic-layout-effect.js
import { useLayoutEffect, useEffect } from 'react';
const useIsomorphicLayoutEffect =
  typeof window !== 'undefined' ? useLayoutEffect : useEffect;
export default useIsomorphicLayoutEffect;
joduplessis commented 1 month ago

This doesn't appear to be an immediate issue if you use use client in NextJS.