I'm converting my project to Typescript.
This has always worked for me in JS.
/* ##################### */
/* #### REDUX STORE #### */
/* ##################### */
const store = createStore(rootReducer, {
// INITIAL STATE GOES HERE
},window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__());
But in Typescript I'm getting these errors:
How can I fix this?
The error is getting throw from the TS compiler because it doesn't know about REDUX_DEVTOOLS_EXTENSION property on the Window object. You can extend the Window interface and add that which will make the TS compiler happy. Or you can do this:
createStore(rootReducer,{//INITIAL STATE GOES HERE},composeWithDevTools());
cite: https://redux.js.org/recipes/configuring-your-store#integrating-the-devtools-extension
configureStore function that automatically enables the Redux DevTools Extension for you.the easiest solution i found is to explicitly add __REDUX_DEVTOOLS_EXTENSION_COMPOSE__ to the window object
declare global {
interface Window {
__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?: typeof compose;
}
}
