Stack Overflow
Stack Overflow

Questions tagged [redux-devtools]

Redux DevTools is a live-editing time travel environment for [tag:redux]. Not to be confused with [tag:redux-devtools-extension] for Chrome and Firefox. Redux DevTools must be integrated into your project.

Redux DevTools is a live-editing time travel environment for . Not to be confused with for Chrome and Firefox. Redux DevTools must be integrated into your project.

Resources

117 questions
58
votes
8 answers

Modify state in Redux DevTools Extension

In my application state there are values set as initialState. With the React Developer Tools it's very easy to directly modify some state value. Is anything similar possible in Redux DevTools Extension, i.e. click and insert a new value for a…
Fellow Stranger
  • 32,129
  • 35
  • 168
  • 232
32
votes
2 answers

Getting warning message 'getDefaultMiddleware' is deprecated

I am getting a getDefaultMiddleware is deprecated warning after updating "@reduxjs/toolkit": "^1.6.1" So how should I remove this warning. Do we have any other way to inject default middleware in the configureStore function? import { configureStore,…
TheParam
  • 10,113
  • 4
  • 40
  • 51
20
votes
3 answers

Cannot read property 'whitelist' of undefined when importing ngrx dev tools

Importing ngrx devtools to enable a debugger for chrome tools results to an error below: ERROR TypeError: Cannot read property 'whitelist' of undefined at isFiltered (:1:5016) at Object.x [as send] (:1:74196) at…
KnowledgeSeeker
  • 1,058
  • 2
  • 19
  • 44
11
votes
3 answers

Getting entire redux state as a separate JSON file

I need to get the whole Redux state as a JSON file without payload or action from Redux DevTools, just the state.
Pushkin
  • 3,336
  • 1
  • 17
  • 30
10
votes
2 answers

Redux devtools on a hermes react-native app

I want to use redux devtools on our react-native app that's using react-native 0.67.1 and hermes. I don't mind using any known tools (like react-native-debugger, or flipper), but I was blocked on pretty much all of my attempts by various issues so…
SudoPlz
  • 20,996
  • 12
  • 82
  • 123
10
votes
1 answer

how to apply redux developer tools with reduxThunk

here is my code import React from "react"; import ReactDOM from "react-dom"; import { Provider } from 'react-redux'; import { createStore, applyMiddleware } from 'redux'; import "normalize.css/normalize.css" import …
zulqarnain
  • 1,536
  • 4
  • 26
  • 44
9
votes
1 answer

How to automatically track the latest action in Redux DevTools (time travel debugging)

I was checking a particular action in the history of actions of Redux DevTools and now I can't find the button to stick back to the latest actions, so that if any other actions are dispatched, I always stay at the latest one instead of needing to…
Eduard
  • 8,437
  • 10
  • 42
  • 64
8
votes
2 answers

After updating to the latest Redux Dev Tools extension I am getting: "Symbol.observable as defined by Redux and Redux DevTools do not match."

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…
John Skoumbourdis
  • 3,041
  • 28
  • 34
7
votes
4 answers

redux-devtools-extension not working in chrome devtools

I'm using redux-devtools-extension to develop a React Native app: In the React Native debugger it works and you can see window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ and window.__REDUX_DEVTOOLS_EXTENSION__ are defined correctly. In the chrome…
Grub
  • 844
  • 2
  • 10
  • 21
7
votes
3 answers

How To Configure Redux DevTools Within Chrome Inspector Window So That Elements Are Stacked vs. Side-by-Side?

How do I configure my Redux DevTool within the Chrome Inspector window so that they are stacked like they are in the red square? Currently my view is the one in blue where they are side-by-side.
Mix Master Mike
  • 1,079
  • 17
  • 26
7
votes
2 answers

redux - reducer state is blank

I am trying to replicate something similar to the TodoList example in the the redux docs' basic example. The second reducer receives an array - styleItems = [{... ... }, {... ...}] - and then calls the first function to act on each of the…
snakesNbronies
  • 3,619
  • 9
  • 44
  • 73
6
votes
3 answers

Redux Debugger plugin in Flipper is unavailable

I am using React Native v0.65.1 (React Native CLI) and Flipper desktop app v0.114.1 on Windows 10 OS. In my React Native app I am using Redux toolkit. As much as I could explore RN above v0.62 should support Flipper out of the box, and Redux toolkit…
petarmanic
  • 154
  • 2
  • 4
6
votes
1 answer

What are the actual risks of storing non-serializable data items in Redux store?

Whenever I store a non serializable value in a Redux store, I get the following warning: In this following example I was storing a Firestore.Timestamp in Redux state. It also happens with the Date object. A non-serializable value was detected in…
cbdeveloper
  • 27,898
  • 37
  • 155
  • 336
5
votes
1 answer

Redux Dev Tools - show more dispatched actions?

The Redux Dev Tools shows a certain amount of dispatched actions for the time travel feature - is there a way to increase that default amount?
Gambit2007
  • 3,260
  • 13
  • 46
  • 86
5
votes
1 answer

How to dispatch an action in NgRx Store DevTools with NgRx 8?

I've updated my ngrx code to version 8 (with Action Creators etc.), but I don't know now how to use Dispatcher within NgRx Store DevTools. Before I was able to dispatch actions like this: { type: '[Something] something loaded', payload: { …
Sebastian Denis
  • 928
  • 10
  • 20
1
2 3 4 5 6 7 8