Next.js에서 localStorage를 사용하려고 할 때 다음과 같은 에러가 나타난다.
ReferenceError: localStorage is not defined
결론은 페이지가 클라이언트에 로드되고 window 객체가 정의될 때까지 localStorage 에 접근할 수 없다.
if (typeof window !== 'undefined') {
// Perform localStorage action
const item = localStorage.getItem('key')
}
import { useEffect } from "react";
useEffect(() => {
// Perform localStorage action
const item = localStorage.getItem('key')
}, [])
https://developer.school/snippets/react/localstorage-is-not-defined-nextjs