NextJS SSR

[tomflorentin]

Does not work with next JS server side rendering

  const isDesktop = useMediaQuery({ minDeviceWidth: 600 });
  console.log("Render : " + isDesktop);
  console.log("JustifyContent : " + (isDesktop ? "space-between" : "center"));

In the server console :

Render : false JustifyContent : center

while i'm using a desktop browser.

[yocontra]

Can you post an example repo or codepen/jsfiddle/etc. that reproduces the issue?

[nhuanhoangduc]

This is how I solved ssr issue:

[yocontra]

Going to fold this into #162 since its the same issue

[maximgeerinck]

This is how I solved ssr issue:

This works, however i also had to add key={isClient ? 0 : 1} to make sure it remounts the component (only for when you rely on init props )