How to do atomWithReducer + localStorage correctly with Next.Js

I’ve been trying to achieve the way of doing that, the logic is the general logic that if its SSR, send true, otherwise send the localStorage value.

This is my code -

import { atomWithReducer } from "jotai/utils";

const isSSR = typeof window === "undefined";


export const gtAtom = atomWithReducer(
  isSSR ? true : localStorage.getItem("gt"),
  (_prev, newGt: string) => {
    localStorage.setItem("gt", newGt);
    return newGt;
  }
);

Then using it like this -

  const [gt, setGt] = useAtom(gtAtom);

But when its always showing value as null whenever i try to load the page. is there something wrong the way I’m doing it?

[Sparklytical]

@dlindenkreuz hey sorry about it, i just did a useEffect that will check if the value is undefined, if it’s check again or try to set state again. Sorry I tried finding the exact code where i did it, but it was missing/not able to find it.

[Sparklytical]

I added a recheck with the help of useEffect and my problem got solved. And thanks for creating such a good library.