keplerGlReducer in NextJS - ReferenceError: ReadableStream is not defined [Bug]

While trying to implement keplerGl i got an error : "ReferenceError: ReadableStream is not defined in node_modules\react-dom\cjs\react-dom-server.browser.development.js:6958:20", anytime i try to import "import keplerGlReducer, { uiStateUpdaters } from 'kepler.gl/reducers' in the store

Here is my store.js:

`import { composeWithDevTools } from 'redux-devtools-extension';
import { createStore, combineReducers, applyMiddleware } from 'redux';
import keplerGlReducer, { uiStateUpdaters } from 'kepler.gl/reducers'
import { appReducer } from './reducers/appReducer';
import { appStateReducer } from './appState'
import thunk from 'redux-thunk'

const customizedKeplerGlReducer = keplerGlReducer.initialState({
uiState: {
// hide side panel to disallower user customize the map
readOnly: false,

// customize which map control button to show
mapControls: {
...uiStateUpdaters.DEFAULT_MAP_CONTROLS,
visibleLayers: {
show: false,
},
mapLegend: {
show: true,
active: true,
},
toggle3d: {
show: true,
},
splitMap: {
show: false,
},
},
},
})
const reducers = combineReducers({
appState: appStateReducer,
keplerGl: customizedKeplerGlReducer
});
const middleware = [thunk];

export const store = createStore(
reducers,
initialState,
composeWithDevTools(applyMiddleware(...middleware))
);`

Start with the store.js example, especially the import of kepler.gl/reducers, and inspect the reported react-dom-server.browser.development.js location where ReadableStream is referenced. Reproduce the NextJS import path and determine the runtime mismatch; done means importing the reducer no longer raises the reported ReferenceError.

Written by the indexing model from the issue text.