WebpackError: ReferenceError: window is not defined when using ChessboardJSX with Gatsby

[davidwitten]

I have a React component, and I want to include a Chessboard component within it.

So, I only added this line to my file.
import Chessboard from 'chessboardjsx';
I never actually used the Chessboard in my code, but it still returned this error:

  WebpackError: ReferenceError: window is not defined
  
  - chessboard.min.js:1 
    node_modules/chessboardjsx/dist/chessboard.min.js:1:253

When I remove that line, my code works as expected.

I'm using React v17.0 and Gatsby 2.27.5

[willb335]

Take a look at this, it may be helpful: https://medium.com/@raravi/gatsby-and-the-window-variable-352ed558a8c0