redux toolkit - How I can access to getState() to the slice reducer in reduxtoolkit using typescript?

Question

export const redirectUser = createAsyncThunk(
  "login/redirectUser",
  async (id, { getState, requestId }) => {
    const token = getState().LoginPageReducer.token;
  }
);

Getting Error "Object is of type 'unknown'" - in getState().

question from:https://stackoverflow.com/questions/65940706/how-i-can-access-to-getstate-to-the-slice-reducer-in-reduxtoolkit-using-typesc

Answer 1

The issue here is that the createAsyncThunk function does not know the type of your store's state. You can set the type by supplying generics to the function.

interface MyState {
    LoginPageReducer: {
        token: string;
    }
}

export const redirectUser = createAsyncThunk<any, number, {state: MyState}>(
  "login/redirectUser",
  async (id, { getState, requestId }) => {
    const token = getState().LoginPageReducer.token;
  }
);

Now id has type number, getState() has type MyState, and token has type string.

You can see more of the details for these typings here.