throwing ReferenceError: window is not defined, when code render on server SSR

[dvlprroshan]

splide/dist/js/splide.js

Line 5857 in b859e88

window.Splide = complete_Splide;

this can be corrected using

typeof window !== "undefined"? (() => {window.Splide = complete_Splide;})(): "";

[tylerbrownhenry]

I'm having same issue

[CptCornWault]

Same here. I'm using Next.js and there is no window when doing server side rendering.

[Saunved]

The window object is not available during SSR. I am not sure how it is done in Next.js but with Nuxt, you can easily import the component as a client-side plugin to avoid window object errors

[Juliangzr]

i have tried with using dynamic component and it doesn't work either

[CptCornWault]

@Juliangzr - I had the same experience. I thought I might be doing something wrong, but it seems like I'm not the only one.

If you check out my fork, that simple change fixed it for me.

[Juliangzr]

@Juliangzr - I had the same experience. I thought I might be doing something wrong, but it seems like I'm not the only one.

If you check out my fork, that simple change fixed it for me.

Thank you! It has solved the problem!

[anujChauhan-7838]

Hey i am also facing same issue - error given below

(node:7836) UnhandledPromiseRejectionWarning: ReferenceError: window is not defined
at Productpage.render (webpack:///./src/components/productpage/Productpage.component.js?:167:12)
at processChild (D:\honestgadgets\node_modules\react-dom\cjs\react-dom-server.node.development.js:3134:18)
at resolve (D:\honestgadgets\node_modules\react-dom\cjs\react-dom-server.node.development.js:2960:5)
at ReactDOMServerRenderer.render (D:\honestgadgets\node_modules\react-dom\cjs\react-dom-server.node.development.js:3435:22)
at ReactDOMServerRenderer.read (D:\honestgadgets\node_modules\react-dom\cjs\react-dom-server.node.development.js:3373:29)
at Object.renderToString (D:\honestgadgets\node_modules\react-dom\cjs\react-dom-server.node.development.js:3988:27)
at eval (webpack:///./server/server.js?:51:73)
at processTicksAndRejections (internal/process/task_queues.js:95:5)
(Use node --trace-warnings ... to show where the warning was created)
(node:7836) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag --unhandled-rejections=strict (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:7836) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

please guide what i am doing wrong.

thanks

[tylerbrownhenry]

@anujChauhan-7838 If it helps, we also ended up cloning the repo and editing the file to add if statements around the window references as well.

I'm having same issue

[RadasLove]

I have it same problem...

"(node:29964) UnhandledPromiseRejectionWarning: ReferenceError: window is not defined
at _callee7$ (/home/radas/Documents/webyprojekty/elupencz/elupencznext/node_modules/next-auth/dist/client/index.js:334:105)
at tryCatch (/home/radas/Documents/webyprojekty/elupencz/elupencznext/node_modules/regenerator-runtime/runtime.js:63:40)
at Generator.invoke [as _invoke] (/home/radas/Documents/webyprojekty/elupencz/elupencznext/node_modules/regenerator-runtime/runtime.js:293:22)..
........"

in my case i fix it with adding the .then / .catch method to api call

i have it just

const logIn = async () => {
const result = await signIn('credentials', {
redirect: false,
email: '*****@gmail.com',
password: 'somepassword,
}); /// need here add then // catch or promise
};

so try to find some await method without adding then or catch and fix this...

[coderDaiyan]

#116 (comment)

Follow this

[NaotoshiFujita]

Close the issue due to the major version update.
Feel free to create a new issue or open a new discussion.

---

Solved in v3.