Stack Overflow
Stack Overflow

Questions tagged [redux-devtools-extension]

Redux DevTools extension for Chrome and Firefox is a development time package that provides power-ups for your Redux development workflow. Not to be confused with [tag:react-devtools] which is NOT an extension, but must be integrated into your project.

Redux DevTools extension is a development time package that provides power-ups for your development workflow.

  • Lets you inspect every state and action payload.
  • Lets you go back in time by “cancelling” actions.
  • If you change the reducer code, each “staged” action will be re-evaluated.
  • If the reducers throw, you will see during which action this happened, and what the error was.

Resources

68 questions
86
votes
10 answers

Error with Redux DevTools Extension using TS: "Property '__REDUX_DEVTOOLS_EXTENSION_COMPOSE__' does not exist on type 'Window'."?

I'm getting this error on my index.tsx. Property 'REDUX_DEVTOOLS_EXTENSION_COMPOSE' does not exist on type 'Window'. Here is my index.tsx code: import * as React from 'react'; import * as ReactDOM from 'react-dom'; import App from './App'; import…
justkeithcarr
  • 1,027
  • 1
  • 7
  • 13
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
18
votes
6 answers

NgRx Redux devtools not showing store and state details even though applicaton is working fine

I am using the below sample application to learn angular+ngrx. APM Sample NgRx App I have installed Redux firefox extension. But whenever I run/reload application, redux tab shows 'No store found' message. The application is working as expected(is…
know_a_guy_hu_knows_anothr_guy
  • 452
  • 1
  • 4
  • 17
15
votes
5 answers

Redux Devtool (chrome extension) not displaying state

I am new with Redux and newer with Redux devtool. I made a simple app in which you click on a user and it display some data about him. So basically in the state I have the current selected user. But I don't know why the state keep beeing empty in…
Topsy
  • 1,023
  • 1
  • 11
  • 26
13
votes
3 answers

Filter out actions in redux devtool extension

I have an action which is dispatched every one second. Its dispatched from a web socket connection which receives data every one second. This causes my devtool to be filled with a lot of these actions and therefore makes debugging hard for other…
Krimson
  • 7,386
  • 11
  • 60
  • 97
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
2 answers

How to enable trace and traceLimit with ngrx?

I am trying to enable trace and traceLimit (this feature https://extension.remotedev.io/docs/Features/Trace.html) on ngrx/store-devtools. I am currently using these packages and version, and running Angular 8. "@ngrx/store":…
user2897738
  • 303
  • 1
  • 3
  • 11
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
8
votes
0 answers

How can I make the redux devtools chrome extension default to State instead of Diff?

Every time I need to refresh the page for my React app, HMR doesn't pick up the changes I need, Redux devtools switches from the State view back to the default Diff. It slows me down because I keep having to click State over and over. I have never…
Brennan Cheung
  • 4,271
  • 4
  • 30
  • 29
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
5 answers

Connecting Redux devtools and Thunk middleware to store

I am trying to connect redux-devtools to my store but I keep getting the following error: " It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function…
Boris Aronson
  • 207
  • 3
  • 8
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
1 answer

Cannot connect react native app w/ remote redux devtools

I cannot connect my react-native app using redux to redux-devtools-extension through remote-redux-devtools. I am using android device connected by USB on macOSX Sierra. // configureStore.js import { createStore, applyMiddleware } from…
Jérôme
  • 1,060
  • 1
  • 7
  • 18
1
2 3 4 5