Next js support?

[DanielJ06]

I tried to use with next recently, and got the error "window not defined". Any idea how to solve?

[willb335]

I would add a condition check if (window === undefined) { return null } else {return <Chessboard /> }. Chessboardjsx has a dependency on the window object and when Next is building it does not have access to window. I would also look into other chessboard libs as this one is unmaintained

[DanielJ06]

Got it. It is a very cool lib, and it is sad that it is no longer maintained, do you have any recommendations for another similar lib?

[willb335]

Maybe check out this one: https://github.com/ruilisi/react-chessground

[DanielJ06]

I'll take a look. Thank you very much for your attention

[neatshell]

Hi @DanielJ06 if can help you, I've solved with these 3 lines of code and still using this wonderful library

import dynamic from 'next/dynamic';

const Chessboard = dynamic(() => import('chessboardjsx'), {
  ssr: false  // <- this do the magic ;)
});

[marlongerson]

Hi @DanielJ06 if can help you, I've solved with these 3 lines of code and still using this wonderful library

import dynamic from 'next/dynamic';

const Chessboard = dynamic(() => import('chessboardjsx'), {
  ssr: false  // <- this do the magic ;)
});

Thank you so much!

[withrvr]

Hi @DanielJ06 if can help you, I've solved with these 3 lines of code and still using this wonderful library

import dynamic from 'next/dynamic';

const Chessboard = dynamic(() => import('chessboardjsx'), {
  ssr: false  // <- this do the magic ;)
});

thx so much bro .... you are god