2

Package I have install 1."react-native-flipper": "^0.181.0", 2."redux-flipper": "^2.0.2",

import {configureStore} from '@reduxjs/toolkit';
import {useDispatch} from 'react-redux';
import thunkMiddleware from 'redux-thunk';
import userReducer from '../redux/userSlice';

const createDebugger = require('redux-flipper').default;

export const store = configureStore({
  reducer: {
    user: userReducer,
  },

  middleware: getDefaultMiddleware =>
    __DEV__
      ? getDefaultMiddleware({
          serializableCheck: true,
        })
          .concat(createDebugger())
          .concat(thunkMiddleware)
      : getDefaultMiddleware({
          serializableCheck: false,
        })
          .concat(createDebugger())
          .concat(thunkMiddleware),
});

export type RootState = ReturnType<typeof store.getState>;
export type AppDispatch = typeof store.dispatch;
export const useAppDispatch: () => AppDispatch = useDispatch;

I have no idea why this is not running. if anyone has idea then please let me know

enter image description here

Shiva Giri
  • 105
  • 1
  • 6

1 Answers1

2

You need to push createDebugger in middleware.

example

Pecata
  • 683
  • 8
  • 13
phuocandev
  • 21
  • 4
  • can you help me write my code so I can understand it quickly? – Shiva Giri Feb 18 '23 at 03:16
  • It like as ``` middleware: getDefaultMiddleware => { const middlewares = getDefaultMiddleware({ serializableCheck: { ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER] } }); middlewares.push(sagaMiddleware); if (__DEV__ && !process.env.JEST_WORKER_ID) { const createDebugger = require('redux-flipper').default; middlewares.push(createDebugger()); } return middlewares; } ``` – phuocandev Feb 23 '23 at 01:36