Compile issues using vanilla CRA project

[matt-d-webb]

Hey 👋🏼

When doing a basic create-react-app project using this package, I get the following compile errors.

Steps to recreate:

1. boiler plater CRA

   npx create-react-app chessboard-test

2. add chessground react dependency

yarn add @react-chess/chessground

3. add component to root src/App.js

   import Chessground from '@react-chess/chessground';
   function App() {
   return (
   <div>
     <Chessground />
   </div>
   );
   }
   export default App;

4. start project

   yarn start

Environment:

• Windows 10 / Mac OS Catalina
• node: v14.18.2
• npm: v6.14.15
• react: ^16.8.0 & tried ^17.0.3
• react-dom: ^16.8.0 & tried ^17.0.3

Error Output (Windows)

Error Output (Mac OS)

💭 Wonder if this is an issue specifically with the parent project chessground and adding resolve: { fullySpecified: false } is required in their webpack build.

[H-Richard]

thank you so much for this, I will do some investigating!

[matt-d-webb]

Nice work, thanks dude! 😎

[H-Richard]

@matt-d-webb actually not sure if it's 100% fixed, I ran out of travis-CI credits so I haven't published a new package version yet :rofl:

[H-Richard]

trying to setup some github actions to take over

[H-Richard]

you're right, this looks like an issue with the parent project chessground, going to publish a new version of this locked chessground 7.1 and work on getting an up to date version later