인프런 커뮤니티 질문&답변

안녕하세요.

제로초님 저는 redux toolkit으로 axios error처리 하려고 합니다!.

플로우는 createAsyncThunk에서 login액션으로 왔을 때 catch로 error를 잡아준 뒤 reducer에서

  .addCase(login.rejected, (state, action: PayloadAction<any>) => {
        state.loginError = action.payload;
      })

loginError로 에러 메시지가 들어오게 하는것입니다.

먼저

catch에서는

export const login = createAsyncThunk(
...

} catch (error) {
      if (axios.isAxiosError(error)) {
        console.error((error as AxiosError<{message: string}>).response?.data.message)
      }
      return rejectWithValue(error.message); << Object is of type 'unknown'.
    }

강의대로 요렇게 해주었는데 rejectWithValue에서

이러한 경고문이 발생합니다.

또한

reducer에서

interface InitialState {
  loginError: string | null;
}

const initialState: InitialState = {
  loginError: null,
};

const userSlice = createSlice({

...

  .addCase(login.rejected, (state, action: PayloadAction<any>) => {
        state.loginError = action.payload;
      })

이부분에서InitialState에서 loginError는 어떠한 에러 타입을 지정해주어야 하며 login.rejected에서 에러가 들어올 경우 PayloadAction에는 어떠한 타입을 지정해주어야 하는지 궁금합니다!

즉 return rejectWithValue(error.message);에서는 어떻게 error.message를 보내주어야 하며

reducer에서 loginError에는 어떠한 초기값을 설정하고

payloadAction에서도 어떠한 타입을 지정해주어야 하는지 궁금합니다!