How can I see my state in Redux Dev Tools (Extension)?

Question

I'm having trouble seeing my state in the Redux Dev Tools. I added the code from zalmoxisus into my createStore, but nothing is displayed. In my reducers I'm also returning the state as a default (using switch case) but still nothing is displayed in state. Can anyone help with this?

Does this answer your question? [Need help displaying and seeing state in Redux Dev Tools](https://stackoverflow.com/questions/65528025/need-help-displaying-and-seeing-state-in-redux-dev-tools) — HMR, Jan 01 '21 at 07:59

score 1 · Answer 1 · answered Dec 29 '20 at 07:42

1

try this to use this:

window.devToolsExtension ? window.devToolsExtension() : f => f

instead of:

window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()

answered Dec 29 '20 at 07:42

Taghi Khavari

6,272
3
15
32

score 1 · Answer 2 · answered Dec 29 '20 at 07:44

import {combineReducers} from "redux";
import gamesReducer from ... //

const rootReducer = combineReducers({
  gamesReducer
});

export default rootReducer;

You used rootReducer like this right? If it is try redux-devtools-extension package, easy to setup.

score 1 · Answer 3 · answered Dec 29 '20 at 07:48

Try this

import { createStore, applyMiddleware, compose } from 'redux'
import reduxImmutableStateInvariant from 'redux-immutable-state-invariant'
import thunk from 'redux-thunk'
import rootReducer from '../reducers'

export const middleware = [thunk]

export default function configureStore(initialState) {
  return createStore(
    rootReducer,
    initialState,
    compose(
      applyMiddleware(thunk, reduxImmutableStateInvariant()),
      window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__() : f => f,
    ),
  )
}

How can I see my state in Redux Dev Tools (Extension)?

3 Answers3