[React] Cannot read properties of undefined (reading 'cancelToken') 해결

에러 발생

리액트 실행 중 'Cannot read properties of undefined (reading 'cancelToken')' 에러가 발생했다.

원인은 axios의 interceptor를 사용하는 와중에 깜빡하고 return을 넣어주지 않았기 때문이다.

instance.interceptors.request.use(
  function(config) {
    console.log(config)
    
    const token = getCookie('userCookie')
    if ( token ) {
      config.headers.authorization = token
    }
  }
)

 

해결 방안

return 값을 넣어주자.

instance.interceptors.request.use(
  function(config) {
    console.log(config)
    
    const token = getCookie('userCookie')
    if ( token ) {
      config.headers.authorization = token
    }
    return config;
  }
)