CODEWITHSUNDEEP
javascriptreactjsreduxredux-thunkredux-toolkit
sai
sai

Reputation: 533

Redux-Toolkit createAsyncThunk Dispatch is showing as undefined

Using Redux-Toolkit, I am trying to use ThunkAPI & dispatch inside an createAsyncThunk but I am getting rejected because of type error. Not sure how to resolve this.

my store:

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

my Action:

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

but, I am getting output as enter image description here

Any help will be really appreciated.

Upvotes: 3

Views: 8445

Answers (1)

Dennis Vash
Dennis Vash

Reputation: 53964

According to your comment, you are not calling the thunk right.

Calling test() returns an action, then you should dispatch the action:

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

dispatch(test(testData));

Upvotes: 3

Related Questions