[SSR] Tauri App with NextJS & Recoil

[TristanPouliquen]

Hello,

I am trying to build my first Tauri App and I am trying to use Recoil as my state management.

I defined my first atoms and used them in some components.

But when I launch my Tauri App I get an error stating:

Server Error
ReferenceError: window is not defined
This error happened while generating the page. Any console logs will be displayed in the terminal window.

From what I understand, this would come from the SSR of NextJS, but this started appearing when I added Recoil to my project.

Are there specific instructions on how to implement Recoil in a NextJS project for correct SSR?

Here are the atoms & actions I defined: https://github.com/TristanPouliquen/selection-poste-enm/blob/state-management/_state/positions.ts

Here are the relevant components:

• Layout (including RecoilRoot): https://github.com/TristanPouliquen/selection-poste-enm/blob/state-management/components/layout.tsx
• CardSmall: https://github.com/TristanPouliquen/selection-poste-enm/blob/state-management/components/card_small.tsx
• Index page: https://github.com/TristanPouliquen/selection-poste-enm/blob/state-management/pages/index.tsx

This page just fetches the list of Position objects from my backend, displays them & handles a focus to open a modal when clicking on an element.

Thanks in advance if anyone has an idea!