Search code examples
react-nativeredux-toolkit

How we configure reactotron with reduxjs/tookkit?


I want to configure https://redux-toolkit.js.org/ with https://github.com/infinitered/reactotron,

I try below steps but not working https://github.com/infinitered/reactotron/blob/master/docs/plugin-redux.md


Solution

  • finally done by following using enhancer

    configureStore({
        reducer: RootReducer,
        enhancers: [reactotron.createEnhancer()]
    })
    

    ==================================

    reactotron file

    import Reactotron from 'reactotron-react-native';
    import { reactotronRedux } from 'reactotron-redux';
    
    const reactotron = Reactotron.configure({
        name: 'My app name',
        host: '192.168.1.8'
    })
        
        .useReactNative({
    
            asyncStorage: false, // there are more options to the async storage.
            networking: {
                // optionally, you can turn it off with false.
                ignoreUrls: /symbolicate/,
            },
            editor: false, // there are more options to editor
            overlay: false // just turning off overlay
        })
        .use(reactotronRedux())
        .connect();
    
    export default reactotron;