For some unknown issue after getting the latest update from the redux dev tools chrome extension I am getting the below warning message:
Symbol.observable as defined by Redux and Redux DevTools do not match. This could cause your app to behave differently if the DevTools are not loaded. Consider polyfilling Symbol.observable before Redux is imported or avoid polyfilling Symbol.observable altogether.
By reading the error message I am understanding that redux and redux dev tools should use the same Symbol.observable but they are not. It is very weird though as I haven't changed anything within my code and I am using the code as per documentation.
My question is if you have any clue on which direction should I go? Is this a chrome extension bug that we just need to report?
I am using latest chrome extension with name Redux DevTools. I've noticed that if I uninstall the chrome dev-tool extension this warning message is not appearing anymore.
My code looks like this:
// The redux-devtools-extension is renamed to this npm package
import { composeWithDevTools } from "@redux-devtools/extension";
// Some code here ...
const composeEnhancersPersonalProject = composeWithDevTools({
name: `My Project`,
});
// Some other code here ...
const myStore = createStore(
persistedReducer,
composeEnhancersPersonalProject(
applyMiddleware(serverRequestMiddleware, rehydrateMiddleware)
)
);