Comunidad les agradecería su ayuda.
Estoy intentando implementar el plugin de chrome para React y redux ( Redux DevTools Extension) el inconveniente es que mi aplicación quedo con esta estructura y no he podido integrar correctamente la ultima parte que es agregar el composeWithDevTools.para hacer debbug de los estados de redux.
Estructura actual
import thunkMiddleware from "redux-thunk";
import {composeWithDevTools} from 'redux-devtools-extension'
import { verifyAuth } from "./actions/";
import rootReducer from "./reducers";
export default function configureStore(persistedState) {
const store = createStore(
rootReducer,
persistedState,
applyMiddleware(thunkMiddleware),
);
store.dispatch(verifyAuth());
return store;
}
Segun la documentacion deberia ser
import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
const store = createStore(reducer, composeWithDevTools(
applyMiddleware(...middleware),
// other store enhancers if any
));
Intente
export default function configureStore(persistedState) {
const store = createStore(rootReducer ,composeWithDevTools (
persistedState,
applyMiddleware(thunkMiddleware),
)
);
store.dispatch(verifyAuth());
return store;
}
Pero me sale este error
TypeError: e is not a function
concat.reduceRight.r.instanceId
<anonymous>:1:28778
(anonymous function)
<anonymous>:1:28745
createStore
C:/Desarrollo/haycarta/node_modules/redux/es/redux.js:79