Набор инструментов Typescript Redux действие выхода из системы axios dispatch

Я установил этот перехватчик

const setupAxiosInterceptors = (onUnauthenticated: () => void) => {
  const onRequestSuccess = (config: AxiosRequestConfig) => {
    console.log("request success", config);
    const token = Storage.local.get("auth");
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    return config;
  };
  const onRequestFail = (error: AxiosError) => {
    console.log("request error", error);
    return Promise.reject(error);
  };
  axios.interceptors.request.use(onRequestSuccess, onRequestFail);

  const onResponseSuccess = (response: AxiosResponse) => {
    console.log("response success", response);
    return response;
  };
  const onResponseFail = (
    error: { status: number } & { response: { status: number } }
  ) => {
    const status = error.status || error.response.status;
    if (status === 403 || status === 401) {
      onUnauthenticated();
    }
    return Promise.reject(error);
  };
  axios.interceptors.response.use(onResponseSuccess, onResponseFail);
};
export default setupAxiosInterceptors;

Это действие с использованием набора инструментов React

export const authLogoutEffects = () => (
  dispatch: ThunkDispatch<{}, {}, AnyAction>
) => {
  dispatch(authLogout());
  Storage.local.remove("auth");
};

Затем в моем index.ts

const { dispatch } = store;
setupAxiosInterceptors(() => {
  dispatch(authLogoutEffects());
});

магазин является экземпляром набора инструментов configureStore react

но у меня ошибка в параметре отправки

Аргумент типа '(dispatch: ThunkDispatch<{}, {}, AnyAction>) => void' не может быть назначен параметру типа AnyAction | LocationChangeAction'. В типе '(dispatch: ThunkDispatch<{}, {}, AnyAction>) => void' отсутствуют следующие свойства из типа 'LocationChangeAction': тип, полезные данные (2345)

Не могли бы вы мне помочь?

0 ответов

Другие вопросы по тегам