Redux-Toolkit createAsyncThunk Dispatch отображается как undefined

Question

Используя Redux-Toolkit, я пытаюсь использовать ThunkAPI и отправку внутри createAsyncThunkно я получаю отказ из-за ошибки типа. Не знаю, как это решить.

мой магазин:

export const store = configureStore({ 
    reducer: rootReducer, 
    middleware: [...getDefaultMiddleware()],
});

мое действие:

export const tester = createAsyncThunk(
    'tester',
    async (testData, {dispatch}) => { 
        await dispatch(load(true));
        const final = await someExternalFunc(testData)
        return final;
    }
);

но я получаю вывод как https://i.stack.imgur.com/3uOso.png

Любая помощь будет очень оценена.

Answer 1

Согласно вашему комментарию, вы неправильно называете thunk.

Вызов test() возвращает действие, тогда вы должны отправить действие:

const fetchTodo = createAsyncThunk("todo/fetchTodo", async (args, thunkAPI) => {
  console.log(thunkAPI, "thunkAPI");
  const response = await todoAPI();
  return JSON.stringify(response);
});

dispatch(test(testData));