In all other aspects this hook should behave similiar to reacts useMemo hook. const renderer = useClientSideMemo(Īs you can see I even implemented a fallback factory callback, so you may provide a result when initially rendering on the server aswell. I am using it to dynamically import libaries that are not compatible with SSR in next.js, since its own dynamic import is only compatible with components. Return typeof window = "undefined" || memoized = InitialState eslint-disable-next-line react-hooks/exhaustive-deps Unlike the `clientFactory` function a resulting `Promise` will not be resolved, and will continue to be returned while the `clientFactory` is pending.Ĭonst = useState( * serverFactory Factory function that may be called server side. * deps Factory function dependencies, just like in `useMemo`. However, this function is only ever called on the client and will transform any returned promises into their resolved values. NextJS 13 is an amazing higher level framework, built on top of React, that will totally change the way you think about and build web applications. * clientFactory Factory function similiar to `useMemo`.
It has a similiar interface to reacts useMemo hook which I really like. I wrapped the general solution ( if (typeof window = 'undefined') return ) in a custom hook, that I am very pleased with.
0 kommentar(er)
