clear api slice cache on logout or switching servers

Author: vladimir-8

src/redux/api/slice.js

@@ -44,3 +44,5 @@ export const {
   useGetOrderTimingQuery,
   useUpdateOrderMutation,
 } = apiSlice;
+
+export const clearApiState = apiSlice.util.resetApiState;

src/redux/api/stateMiddleware.js

@@ -0,0 +1,10 @@
+import { clearApiState } from './slice';
+import { LOGOUT_SUCCESS, SET_BASE_URL } from '../App/actions';
+
+export const ApiStateMiddleware = store => next => action => {
+  if (action.type === LOGOUT_SUCCESS || action.type === SET_BASE_URL) {
+    store.dispatch(clearApiState());
+  }
+
+  return next(action);
+};

src/redux/store.js

@@ -22,6 +22,7 @@ import { apiSlice } from './api/slice';
 import { setupListeners } from '@reduxjs/toolkit/query';
 import { setupListenersReactNative } from './setupListenersReactNative';
 import AppStateMiddleware from './middlewares/AppStateMiddleware';
+import { ApiStateMiddleware } from './api/stateMiddleware';
 
 const middlewares = [
   thunk,
@@ -30,6 +31,7 @@ const middlewares = [
   AppStateMiddleware,
   HttpMiddleware,
   apiSlice.middleware,
+  ApiStateMiddleware,
   PushNotificationMiddleware,
   CentrifugoMiddleware,
   SentryMiddleware,