createAsyncThunk를 이용해 서버에서 mongoDB에 있는 데이터를 받아와 비동기 처리하는 함수를 만들고 createSlice로 상태관리를 하고싶었다. 이유 모를 에러로 데이터가 받아와지지 않았는데...
문제의 에러 메시지를 읽어보니 axios에서 처리되지 않은 것 같았다.
검색해보니 axios를 import 하는 과정에서 생긴 오류였다.
// Slice.js 수정 전
const { default: axios } = require("axios");
// Slice.js 수정 후
import axios from "axios";
createSlice 파일 상단에 axios를 불러오는 코드다. 파일을 생성하고 createAsyncThunk를 함수를 만들어 axios.get 요청을 할 때부터 생성되어 저 코드가 문제일거라고 생각 못했는데, 위 코드를 아래 코드로 바꾸니 에러가 사라지고 데이터가 잘 불러와졌다.
에러 해결!