Poor types for createAsyncThunk

Currently attempting to type parts of createAsyncThunk to not have repeated code within the action.

Currently there are many issues open with attempting to extend the function or wrap it. I have seen some good examples but no solid way to type the thunk api that is passed into the createAsyncThunk.

My current issue is that I am unable to even type the function rejectWithValue since the type RejectWithValue type isn’t exported I am unable to type a custom function to take that type of a function. Let alone trying to type the thunkApi parameter itself which has many many unexported types that make it up.

Please export the types

[markerikson]

Sure - could you try filing a PR to update the docs with the info you’d like to see added?

[phryneas]

Probably you want to write something like

function handleError<R>(thunkApi: { rejectWithValue(value: string) => R  }): R {
  return (error) => thunkApi.rejectWithValue(error.message)
}

  return axiosInstance.request(config)
    .then((res: AxiosResponse<IPokemonList>) => {
      return res.data
    })
    .catch(handleError(thunkApi))

You don’t need all the properties of thunkApi typed correctly for that. For your function, all that matters is that it receives an object with a rejectWithValue function on it that accepts a string, and that your function will return whatever that rejectWithValue returns.