How to connect to redux devtools?

I’m seeing a fair bit of conflicting info of how to set it up. I’m working with react native

I’ve gone with this:

import { configureStore } from '@reduxjs/toolkit'
import devToolsEnhancer from 'remote-redux-devtools'
import leaguesReducer from '../reducer'

const store = configureStore({
    reducer: {
        leagues: leaguesReducer,
    },
    devTools: false,
    enhancers: [devToolsEnhancer({ realtime: true })],
})

export default store

passing my store into provider. if I log store.getState() it works in the console. I cant connect to devtools, what do I need to do?

[markerikson]

@RichMatthews can you clarify what specific steps need to be done to get this to work with RN?

[solancer]

Here’s how I got it working

Installed DevTool cli

yarn add --dev @redux-devtools/cli

add below config as a script

“scripts”: { “redux-devtools”: “redux-devtools --open=electron --hostname=localhost --port=8000” }

Make changes to store like below (don’t forget to add port number same as the script above)

import { configureStore } from '@reduxjs/toolkit'
import authReducer from '../features/auth/authSlice';
import devToolsEnhancer from 'remote-redux-devtools';

export default configureStore({
    reducer: {
        auth:authReducer,
    },
    devTools: false,
    enhancers: [devToolsEnhancer({ realtime: true, port: 8000 })],
})

First, run the localserver

yarn redux-devtools

then the react application if not already serving someplace

yarn start

finally connect