window is not defined in react server side rendering

Question

I am using server side rendering and while bundling the server file via webpack i am getting an error.

ReferenceError: window is not defined

I even tried faking a window object but it didn't work either.

I did this with no success

if (typeof window === "undefined") {
  global.window = {};
}

I also made sure i am only using window object inside componentDidMount.

Can anyone please help me out? Why i am getting this and how can i resolve it?

did you tried with this solution https://stackoverflow.com/questions/38951721/react-js-server-side-issue-window-not-found — Learner, Jun 02 '19 at 18:58
Pretty sure you want `===` or `==` instead of `!==`, since you are trying to set the global var if it is **is** undefined. — Joshua T, Jun 02 '19 at 19:02
@JoshuaT hey thanx for letting me know. It was a typo and i have updated my question. — Sanjay Bisht, Jun 02 '19 at 19:24

score 0 · Answer 1 · answered Jun 02 '19 at 19:18

0

Do this

if (process.browser) {
  // client-side-only code will make sure that your code runs inside the browser
}

answered Jun 02 '19 at 19:18

Scott Agirs

Hey, @scott-agirs thanx for the response. But this is should do where and what should be inside the if? can you please elaborate? – Sanjay Bisht Jun 02 '19 at 19:27