Can't resolve 'crypto' in 'D:\devWeb\photos-mp\node_modules\react-visual-grid\dist'

[ivantung-ms]

Hi, trying your grid out but hitting this build error in simple react app:

ERROR in ./node_modules/react-visual-grid/dist/react-visual-grid.esm.js 2:0-45
Module not found: Error: Can't resolve 'crypto' in 'D:\devWeb\photos-mp\node_modules\react-visual-grid\dist'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "crypto": require.resolve("crypto-browserify") }'
- install 'crypto-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "crypto": false }

my package.json
{
...
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-query": "^3.39.3",
"react-redux": "^8.0.5",
"react-scripts": "5.0.1",
"react-visual-grid": "^0.9.0",
"typescript": "^4.9.5",
...
}

Thanks!

[prabhuignoto]

@ivantung-ms this should be fixed. can you take a look and let me know if you are still facing this issue