Spam refetch makes isFetching stuck to true forever

[l2aelba]

isFecthing stuck to true when…

• Spam many refetch()
• User reloads the app or website when the request is not completed

This is my setup, Im not sure if I did something wrong…

import { Platform } from 'react-native'
import { configureStore, Action } from '@reduxjs/toolkit'
import { persistReducer, persistStore, FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER } from 'redux-persist'
import { ThunkAction } from 'redux-thunk'
import rootReducer, { RootState } from './rootReducer'

// Redux Query
import { chatApi } from '@/api/chatApi'
import { contentApi } from '@/slices/contentsSlice'

export type AppDispatch = typeof store.dispatch
export type AppThunk = ThunkAction<void, RootState, unknown, Action<string>>

// Select storage type platform
const storage = Platform.select({
  native: () => require('@react-native-async-storage/async-storage').default,
  default: () => require('redux-persist/lib/storage').default,
})()

const persistConfig = {
  key: 'root',
  storage: storage,
}

const persistedReducer = persistReducer<any, any>(persistConfig, rootReducer) // @TODO: Find types for <any,any>

const store = configureStore({
  reducer: persistedReducer,
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware({
      thunk: true,
      serializableCheck: {
        ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
      },
      immutableCheck: false,
    }).concat(contentApi.middleware, chatApi.middleware)
})

export const persistor = persistStore(store)
export default store

[l2aelba]

I think I solved it by adding this also in createApi()

Not sure this is correct :)

extractRehydrationInfo(action, { reducerPath }) {
  if (action.type === REHYDRATE) {
    return action.payload[reducerPath]
  }
}