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
5
votes
0 answers

Why React Redux dispatch twice when fire

The State The tracing results Each time when I click the button, the dispatch run twice, like the picture above. This is the AppBar component and mapDispatchToProps function. const mapStateToProps = state => { return { title:…
tim
  • 1,454
  • 1
  • 25
  • 45
5
votes
2 answers

ngrx Angular app not working unless Redux Devtools is installed

Our ngrx Angular app works great until we uninstall Redux Devtools at which point we get errors: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, Array, or Iterable. Store setup looks like this in…
danday74
  • 52,471
  • 49
  • 232
  • 283
5
votes
1 answer

Redux Web Extension - Uncaught TypeError: Invalid attempt to spread non-iterable instance

I am working on a React application that also uses the Redux dev tools extension. It is running on Node and used Webpack to compile. I recently upgraded my application to Webpack 4 from 2. The application compiles fine through the use of the…
Nigel Finley
  • 145
  • 2
  • 4
  • 10
5
votes
2 answers

Use NODE_ENV in source code to control build process with Webpack

I am setting up Redux DevTools (https://www.npmjs.com/package/redux-devtools) in my project and want to exclude the DevTools when building my project for production. The documentation says that this can be accomplished by using this code: if…
Oskar
  • 1,996
  • 1
  • 22
  • 39
4
votes
0 answers

Unable to load React or Redux Chrome extensions on Electron 10

It looks like Electron 10 doesn't work with React and Redux DevTools Chrome extensions. When loading Redux extension, I'm getting the following error. (node:17777) ExtensionLoadWarning: Warnings loading extension at…
Perttu T
  • 561
  • 1
  • 5
  • 7
4
votes
0 answers

Configure NGXS and redux DevTools in a NativeScript application

I am working on a NativeScript application which uses NGXS for state management. I have downloaded "@ngxs/devtools-plugin": "^3.3.4" and initialized in the module in my root module file as NgxsReduxDevtoolsPluginModule.forRoot() I use tns run ios to…
lohiarahul
  • 1,432
  • 3
  • 22
  • 35
4
votes
1 answer

remote redux devtools stopped working

This question has been asked before but I cannot find a working solution so I'm taking the liberty to show my code in case I am missing something. I have a react native app and using redux. I have been using remote-redux-devtools for two months on…
jschuss
  • 645
  • 1
  • 8
  • 21
4
votes
1 answer

Redux dev tools extension exports failing "Failed: Network error"

Using the Redux Dev Tools extension, I am receiving errors when exporting any time after I have interacted with my app. If I do a fresh page load and export, it works, but after one or sometimes a couple of state changes, I receive "Failed: Network…
Jazzy
  • 6,029
  • 11
  • 50
  • 74
3
votes
1 answer

Is there a way to view state changes across page reloads in the State tab in Redux DevTools?

I'm using Redux DevTools to track the state changes in my application. I know that I can track changes in my application's state once my application is loaded: Open the State tab Expand the state tree to find x variable I'm interested in Whenever I…
adamgy
  • 4,543
  • 3
  • 16
  • 31
3
votes
1 answer

Redux devtools with redux toolkit not working

I am trying to implement redux toolkit in to my react native project. Well the integration was successfull, however i am unable to get the redux dev tools to work. I did a bit of research and couldnt find any article related to redux toolkit and…
Sjonchhe
  • 790
  • 8
  • 16
3
votes
1 answer

NgRx and redux dev tool performance issue due to Excessive use of memory and CPU

Recently joined a new project that uses Angular and Redux. but it has not enabled the chrome redux dev tool. I noticed that it's commented out from the app.module.ts section. So I un-commented this section. StoreDevToolsModule.instrument({ …
Angela P
  • 1,939
  • 2
  • 14
  • 18
3
votes
0 answers

Replaying actions in Redux devtools will generate new actions with RxJS

So basically My Angular2 application is using ngrx and rxjs. And also I'm using Redux DevTools chrome extention for debugging purpose. The thing is when I tried to replay all the actions in Redux DevTools, it always generates new actions…
chaonextdoor
  • 5,019
  • 15
  • 44
  • 61
3
votes
2 answers

redux devtools Uncaught Error: Actions must be plain objects. Use custom middleware for async actions

This is how I create my store import { createStore, applyMiddleware } from 'redux'; import thunkMiddleware from 'redux-thunk'; import { routerMiddleware } from 'react-router-redux'; import rootReducer from '../reducers'; const debugware = []; if…
Jean
  • 5,201
  • 11
  • 51
  • 87
3
votes
2 answers

Is this a valid recursive function?

I found a recursive expression in a library very confused. The code is here : https://github.com/tappleby/redux-batched-subscribe/blob/master/src/index.js#L22 export function batchedSubscribe(batch) { if (typeof batch !== 'function') { throw…
2
votes
1 answer

Redux devtools showing undefined state but rendering perfectly

I am trying out Redux Toolkit now as I have been using the previous method of Redux in my React applications. So after setting up everything and fetching the data, the Redux DevTools in my browser shows undefined in the state tab. But action tab…
Zak
  • 860
  • 16
  • 39