redux devtools некорректный trace при использовании redux toolkit => (createAsyncThunk, extraReducers) (может в остальных версиях также...)

круто что они отлавливают ошибку и все такое[rejected, ...], но вопрос а как отследить ошибку до dispatch?

от их обекта error что то толку 0, error.stack тоже ведет черт знает куда

import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';

interface IInitialState {
  counter: number;
}

const initialState: IInitialState = {
  counter: 0,
};

export const asyncIncrementByPayload = createAsyncThunk(
  'counterSlice/asyncIncrement',
  async (): Promise<void> => {
    await fetch('https://куда то/posts/1');
  },
);

export const counterSlice = createSlice({
  name: 'counterSlice',
  initialState,
  reducers: {},
  extraReducers(builder) {
    builder.addCase(asyncIncrementByPayload.rejected, (state, { error }) => {
      state.counter = 0;
    });
  },
});

введите сюда описание изображения


Ответы (0 шт):