Набор инструментов 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)
Не могли бы вы мне помочь?