TypeError :subscriptionSelectorsRef?.current.isRequestSubscribed is not a function (it is undefined) in rtk-query-react.development.cjs

[ashishimg27]

No description provided.

[ashishimg27]

i dont know what is cause of this error can anyone help me

[EskiMojo14]

have you definitely added the middleware for RTKQ to your store?

[ashishimg27]

@EskiMojo14 yes
store file code -

import { configureStore } from "@reduxjs/toolkit";
import { setupListeners } from "@reduxjs/toolkit/query";

import rootReducer from "app/redux/reducers";
import validateDomainMiddleware from "app/redux/middellware/domain";
import validateSignInWithCredential from "app/redux/middellware/signIn";
import { feeds } from "app/redux/reducers/app/feeds";
import { userById } from "app/redux/reducers/app/user";
import { chats } from "app/redux/reducers/app/chat";
import userSignInMiddleware from "app/redux/middellware/user";
import { profile } from "app/redux/reducers/app/profile";
import rtkQueryErrorLogger from "app/redux/middellware/error";

export const store = configureStore({
  reducer: rootReducer,
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware({ serializableCheck: false }).concat(
      validateDomainMiddleware,
      userSignInMiddleware,
      validateSignInWithCredential,
      rtkQueryErrorLogger,
      feeds.middleware,
      userById.middleware,
      chats.middleware,
      profile.middleware
    ),
});

setupListeners(store.dispatch);

[haasampath]

Please check your middleware order, that can be matters, i have had the similar experience...

[EskiMojo14]

i think middleware order shouldn't matter as long as every middleware definitely returns the result of calling next(action) (apart from cases where it's specifically intending to return something different)

const brokenMiddleware = api => next => action => {
  console.log(api.getState())
  next(action)
  console.log(api.getState())
}

const workingMiddleware = api => next => action => {
  console.log(api.getState())
  const result = next(action)
  console.log(api.getState())
  return result
}

you should also make sure no middleware is marked with the async keyword, which will cause every dispatch result to be wrapped in a promise

const brokenMiddleware2 = api => next => async action => {
  console.log(api.getState())
  const result = next(action)
  console.log(api.getState())
  return result
}