Window not defined in client only component

Answered

aprilia posted this in #help-forum

2023-11-08T10:14:26.000Z

const [current, setCurrent] = useState(window.location.href.split("#")[1] ?? navItems[0].id)

Answered by riský

have a look at: https://nextjs-faq.com/browser-api-client-component (but basicly you can't use it directly in useState and should use useEffect or next/dynamic with ssr disabled)

5 Replies

Bonaparte's Gull

2023-11-08T13:41:51.000Z

are you using next/dynamic with ssr: false ?

Australian Freshwater Crocodile

2023-11-08T14:54:04.000Z

use useEffect with a empty array for dependencies, no?

When accessing client side stuff like window

2023-11-09T07:31:51.000Z

have a look at: https://nextjs-faq.com/browser-api-client-component (but basicly you can't use it directly in useState and should use useEffect or next/dynamic with ssr disabled)

Answer

2023-11-09T12:02:36.000Z

Thanks