React axios.getでの例外処理について

Question

Reactでaxiosを使用する際に例外処理を追加しようとしています。

■構成

• React Hooks
• Redux Toolkit

■質問
axios.getをtry catchで囲み例外処理を追加しましたが、コンソールに404エラーが表示されてしまいます。
この404エラーは想定内のため、コンソールに表示されないようにするにはどうしたらよろしいでしょうか？

ご教授の程よろしくお願い致します。

counterSlice.js

export const fetchAsyncGetUser = createAsyncThunk("get/user", async (id, { rejectWithValue }) => {
    try {
        const { data } = await axios.get(
            `https://jsonplaceholder.typicode.com/users/${id}`
        );
        return data;
    } catch (e) {
        return rejectWithValue(e.response.data)
    }
});

Counter.js

const Counter = () => {
    const dispatch = useDispatch();

    useEffect(() => {
        dispatch(fetchAsyncGetUser(20))
    }, []);

コンソールで表示されるエラー←これを表示させたくない

xhr.js:177 GET https://jsonplaceholder.typicode.com/users/20 404

Answer 1

この404エラーは想定内のため、コンソールに表示されないようにするにはどうしたらよろしいでしょうか？

残念ながら、想定通りの404でも表示されてしまうもののようです。

自分が過去に行った質問

Comments

[haruyasu]

ご回答ありがとうございました。
コンソールに表示されてしまうのですね。