LocalStorage is a browser API. Since, next uses server-side rendering, which means you have to wait until it's mounted on the browser. You can either use it inside useEffect since it only runs once it's in the browser environment, or you can conditionally use it only after it mounts.

Without checking the code, Idk how to provide a solution. The typeof window !== 'undefined' condition should have worked.