'ReferenceError: window is not defined' still preventing NextJS build with SSR disabled?

Question

Recently I began transitioning my personal website from CRA to NextJS and have largely had no issues, but am a bit stuck on this error.

My site has a dynamic background that relies heavily on client-side window properties; given NextJS' SSR defaults I've isolated all references to window size in a single component, and dynamically import it with SSR disabled. I only reference the component in a single place, imported using:

const DynamicBG = dynamic(() => import('./landingSections/FramerBG'), {
ssr: false,
})

The application behaves as expected when ran through npm run dev but refuses to compile through npx next build due to the references to client window size in my code, despite those files being imported with SSR disabled. Am I supposed to differentiate client-rendered components in some way outside dynamic importing?

Can you share the code of your component?

ivanatias
– ivanatias

2022-08-05 01:44:22 +00:00
Commented Aug 5, 2022 at 1:44 — ivanatias
– ivanatias, Commented Aug 5, 2022 at 1:44

R1's · Accepted Answer · 2023-03-13 19:14:24Z

0

I had the same problem. Resolved by moving out my component from the pages/ folder. All the components of this folder are being built my next with ssr on even if you try to disable it.

answered Mar 13, 2023 at 19:14

R1's

417 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

DSDmark Over a year ago

Instead of simply providing the answer directly, try writing a detailed comment that explains the solution, as long as the explanation is not too lengthy.

Collectives™ on Stack Overflow

'ReferenceError: window is not defined' still preventing NextJS build with SSR disabled?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related