Server Error ReferenceError: window is not defined

[BryantIT]

Server Error ReferenceError: window is not defined error

[cengizhanbasak]

Hello BryantIT, can you please check again? I've made some updates to the component, it should be fine now.

[mikemajara]

Just a heads up! This is still happening.

[conradlin]

Ditto @mikemajara! This is still happening. Any luck with a fix?

[iHildy]

Hey @cengizhanbasak this is still an issue

[romulorod]

Still happening to me too, using nextJs

[Frankiz123]

@cengizhanbasak same issue occur

[bestii]

Same issue just tried it now.

[rondlite]

same here

[fishactual]

You can use dynamic imports to get around this issue.

import dynamic from "next/dynamic";

const DateCountdown = dynamic(() => import("react-date-countdown-timer"), {
  ssr: false,
});

export default function Home() {
  return (
    <DateCountdown
      dateTo="January 01, 2023 00:00:00 GMT+03:00"
      callback={() => alert("Hello")}
    />
  );
}

[yosle]

Using the previous answers , this is a component por Nextjs using typescript.

`import React from 'react' //@ts-ignore import dynamic from "next/dynamic"; // import DateCountdown from 'react-date-countdown-timer'; type Props = {} //@ts-ignore const DateCountdown = dynamic(() => import("react-date-countdown-timer"), { ssr: false, });

const TrialCountDown = (props: Props) => { if (typeof window !== "undefined") { // Client-side-only code return ( //@ts-ignore <DateCountdown dateTo='2022-10-20T12:51:04.961Z' callback={()=>{alert('hello')}} /> ) }

}

export default TrialCountDown`