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
2
votes
1 answer

Only one reducer is being recognized in my reducer tree/state in my redux dev tools

Hi I am new to redux and I'm having trouble seeing my entire tree of reducers, so far I only see the getTopGames reducer in my redux dev tools and I cant figure out why I can't see anything else like shop, and getGameDetails. Since I set up my store…
2
votes
0 answers

Develop Chrome extension that connects to redux store in web page

I am trying to develop a simple chrome extension that connects to an existing redux store running in a page in a tab. I have a helloworld chrome extension running with a v3 manifest. My html for my popup looks like :
2
votes
0 answers

Is there a way for a web page to programmatically load Devtools and set it to a responsive mobile view?

I would like to be able to program a webpage or script to instantiate devtools and load the page into the mobile responsive view. This way when I do a remote demo of a webapp to a client they can just open it in mobile view or I can make a page…
2
votes
1 answer

Date format acting strange in redux devtools

I'm working with an existing codebase, and the existing code calls for a date from an endpoint. The expected value is an ISO string (i.e. "2020-01-09T07:41:02.6025984-05:00"): // in my sagas: export function* handleGetServerTime(): Generator { …
Seth Lutske
  • 9,154
  • 5
  • 29
  • 78
2
votes
1 answer

Is it safe to keep firestore.Timestamp objects in a Redux store? Error: "a non-serializable value was detected in the state."

I'm keeping some objects in my Redux store, and some properties are of the type: Firestore.Timestamp. Example: blogPost: { title: string, createdAt: firestore.Timestamp } And I'm getting these warnings: A non-serializable value was detected in…
cbdeveloper
  • 27,898
  • 37
  • 155
  • 336
2
votes
1 answer

Redux DevTools: Can't open VS Code from Trace tab lines of code

My problem is when I am on the Trace tab of Redux DevTools on Chrome and I click on a line of code (for example a dispatch) that the Trace tab allows me to see like here, instead of opening it on VS Code at the correct number line, it opens a new…
2
votes
4 answers

redux-devtools trace tab is not showing action callee

I am using redux-devtools, I have configured my store like explained in the docs, but tracing is not showing callee const composeEnhancers = (window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({ …
Victor Orlyk
  • 1,454
  • 2
  • 15
  • 27
2
votes
0 answers

Can Redux DevTools be used to automate integration testing across a list of URLs or Actions?

Are there any good resources for using Redux DevTools for integration / end-to-end testing? I see their Slider can replay events and Dispatcher executes just about anything. Can it somehow loop over a config file to replay common user flows on the…
2
votes
1 answer

Redux devtools coding guidelines to play nicely with time travel debugging?

We are using react-connected-router, and in our react page components, we fetch state from the server, and dispatch actions to update the Redux state (we are just using hooks, no thunks nor saga middleware). However, when we use the redux devtools…
Ziriax
  • 1,012
  • 10
  • 19
2
votes
1 answer

Redux devtools and React Native

I am working on a React Native app, but for some reasons I have the redux devtools not able to detect the store. Here is the code for store.js import { createStore, applyMiddleware, compose } from 'redux'; import createSagaMiddleware from…
Kaiser Soze
  • 1,362
  • 3
  • 14
  • 31
2
votes
0 answers

Redux DevTools is causing RxJS's switchMap to behave differently. Why?

I am working on an Angular 7 app, using NGRX store. I have installed Redux DevTools in my Chrome browser, so that I can make use of it during development. I was more than puzzled when I noticed that a function was behaving differently, depending on…
Yulian
  • 6,262
  • 10
  • 65
  • 92
2
votes
1 answer

Redux expecting the reducer to be a function

Redux is throwing me: Error: Expected the reducer to be a function. at lines from index: const { store } = configureStore(); from configureStore: const store = createStore(rootReducer, initialState, devToolsEnhancer()) index.js import React…
victor.ja
  • 811
  • 1
  • 7
  • 27
2
votes
3 answers

Why does App state resets when using Webpack HMR plugin with Redux- DevTools?

I'm using webpack Hot Module Replacement(HMR) Plugin with Redux Devtools Chrome extension. However whenever the HMR runs, the Redux local app state resets to all the initial values. My webconfig is the following: import webpack from 'webpack' import…
jasan
  • 11,475
  • 22
  • 57
  • 97
2
votes
2 answers

Configure a redux store with redux devtools (the chrome extension)

I am using the following boilerplate example and I'm trying to configure it to work with the chrome extension for redux devtools: import { createStore, applyMiddleware } from 'redux' import thunkMiddleware from 'redux-thunk' import apiMiddleware…
S. Schenk
  • 1,960
  • 4
  • 25
  • 46
2
votes
1 answer

Passing in redux-devtools to a redux store with middleware

How is this code processed in relation to the way it is written in the redux-devtools documentation? https://github.com/auth0-blog/redux-auth/blob/master/index.js#L10-L12 let createStoreWithMiddleware = applyMiddleware(thunkMiddleware,…
eveo
  • 2,797
  • 15
  • 61
  • 95