Recoil breaks w/ Next.js (window undefined on server)

[Chrischuck]

Decided to play around with setting up recoil w/ next.js. The issue is it looks like in development mode, recoil looks for the window object which is undefined when next renders the app on the server.

Digging a little deeper, it stems from these window calls in dev mode.

For the time being, I created a workaround that I came up with here essentially loads RecoilRoot(and its children) on the client only.

Would be happy to add a check to see if window is defined before calling any methods on it as well as diving into any other issues that might come up when combing recoil with next :)

[acutmore]

Hi @Chrischuck

An alternative temporary solution is to only use the production version of Recoil.

const recoil = require('recoil/dist/recoil.production');

[x4080]

Hi, is this solved yet ? Or must use workaround like mentioned by @Chrischuck

[drarmstr]

@x4080 - It's landing now, but that takes a bit of time...

[x4080]

@drarmstr Thanks, I'll wait for it

[parweb]

the temporary fix is working with atom but not with atomFamily

[drarmstr]

Where is the new error occurring?