error while adding hexbin or grid layer in react keplerGL app

**Describe the bug**
I am trying to visualized the Point data in keplergl using React app and wanted to add Hexbin or Grid layer but giving me errors.

Errors:
An error in deck.gl: Cannot read property '8' of undefined in nb74usl
An error in deck.gl: Cannot read property 'sortedBins' of undefined in nb74usl-hexagon-cell

**To Reproduce**
Steps to reproduce the behavior:

1. Go to browse files
2. Click on add layer
3. Scroll down to basic and select Hexbin layer or Grid layer
4. See error
An error in deck.gl: Cannot read property '8' of undefined in nb74usl
An error in deck.gl: Cannot read property 'sortedBins' of undefined in nb74usl-hexagon-cell

**Expected behavior**
Should visualize the point data with hexbin or Grid layer

**Screenshots**
](url)

**React and keplerGL version with supported Dependencies:**
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"kepler.gl": "^2.5.4",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3",
"styled-components": "^5.0.1",
"swr": "^0.1.18",
"web-vitals": "^1.0.1"

**Additional context**
I tried using the given solution on GitHub to add Colorbrewer 1.5.0 version but it still doesn't work.

Reproduce the issue in a React app using kepler.gl 2.5.4 with point data, then inspect the Hexbin and Grid layer paths associated with the reported deck.gl errors. Done means both layer types visualize the point data without the reported errors.

Written by the indexing model from the issue text.