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 devtools not so.

Does anyone know how I can get these to be defined in chrome devtools? I have the redux extension installed in chrome and have tried reinstalling it.

4 Answers

I faced a similar problem, the following worked for me.

Goto extensions settings for redux Devtools in chrome extensions and check Allow Access to file URLs settings.

Extensions > Redux Devtools > Allow Access to file URLs

I had the same issue where the option REDUX did not appear in the top menu Chrome browser.

1. In "Manage Extensions", I made sure Redux DevTools was active and updated.
2. I reloaded the page.
3. Right click >> Redux DevTools >> Open in a panel(enable in browser settings)
4. Right click >> Inspect

Now, verify "Redux" appears in the top menu next to Elements, Console, ... , Lighthouse, etc.

Redux DevTools extension should be working in chrome-devtools.

You are missing the COMPOSE__() in last line, use this way instead of your code:

 window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__() 

or this way:

 window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() 

follow this link

As reported here : Redux TypeError: Cannot read property 'apply' of undefined , you`ll get an 'cannot read property apply of undefined' because compose from redux expects all its arguments to be functions.

One answer from that post fixed it for me: passing a function for both truthy and falsy evaluations

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