"can't access lexical declaration before initialization" with authorization query example : https://redux-toolkit.js.org/rtk-query/usage/customizing-queries#automatic-re-authorization-by-extending-fetchbasequery

[jlefebvre1997]

Hello there,

I'm trying to implement the example fetchBaseQuery wrapper shown in the linked documentation, but unfortunately I have a "can't access lexical declaration before initialization" error, which is caused, I believe, by a circular dependency :

the base query :

export const baseQueryWithReAuth: BaseQueryFn = async (
  args,
  api,
  extraOptions,
) => {
  let result = await baseQuery(args, api, extraOptions);

  if (result.error && result.error.status === 401) {
    const response = await baseQuery(
      {
        url: "/auth/refresh",
        method: "POST",
      },
      api,
      extraOptions,
    );

    if (response.meta?.response?.status === 204) {
      // Retry the original query with new access token
      result = await baseQuery(args, api, extraOptions);
    }

    if (
      response.error &&
      response.error.status === 422 &&
      window.location.pathname !== "/authentication/signin"
    ) {
      api.dispatch(logout());
      toast.error("Your session has expired, please signin again", {
        duration: 2000,
      });
      window.location.replace("/authentication/signin");
    }
  }

  return result;
};

The slice in which I declared the action I'm trying to dispatch :

export const appSlice = createSlice({
  name: "appSlice",
  reducerPath: "appSlice",
  initialState,
  reducers: {
    logout: (state) => {
      state.loggedOut = true;
    },
  },
  extraReducers: (builder) => {
    builder.addMatcher(authApi.endpoints.revoke.matchFulfilled, (state) => {
      state.loggedOut = true;
    });

    builder.addMatcher(authApi.endpoints.login.matchFulfilled, (state) => {
      state.loggedOut = false;
    });
  },
});

Note that authApi uses the baseQueryWithReAuth, which might be the cause of a circular dependency

Does that ring a bell to someone ?

Sorry if this lacks details, I can provide more if needed.
Thanks for your time and help 🙏