window is not defined with Next.js

[webdiego]

I get "window is not defined" with Next.js

[webdiego]

This is a possible solution:

import dynamic from 'next/dynamic';

const OTPInput = dynamic(() => import('otp-input-react'), { ssr: false });

[vennhost]

@webdiego After using your solution I am getting another error: Property 'value' does not exist on type 'IntrinsicAttributes & { children?: ReactNode; }'

What's the work-around on this?

<OTPInput value={OTP} onChange={setOTP} autoFocus OTPLength={4} otpType="number" disabled={false} secure />

[webdiego]

It could be a typescript error, I'm sorry but I can't help you because I didn't use TS, have u install the types of the library?🤔

[zaykhere]

I'm also getting this error when using with razzle. Any idea why this is happening?

[zaykhere]

@webdiego How did you solve this issue?

[zaykhere]

nvm I solved it by importing it like this:

const { ResendOTP } = dynamic(() => import('otp-input-react'), {ssr: false})

[webdiego]

This is a possible solution:

import dynamic from 'next/dynamic';

const OTPInput = dynamic(() => import('otp-input-react'), { ssr: false });

Yes as I said a long time ago :)