[React] Assign object to a variable before exporting as module default warning

React를 사용해서 개발하다가 터미널을 열었을 때 제목과 같은 오류가 발생했다. 

Assign object to a variable before exporting as module default warning

 

기능상 문제가 되는 부분은 없었지만 무엇이 문제인지 알아봤다. 

확인을 해보니 나의 export 습관에서 비롯된 문제였다. 

 

export default {
  value: "123",
  key: "toto"
}

다음과 같이 export 를 할 때 default에 객체로 바로 반환해서 발생한 문제였다. 

해결하는 방법도 간단했는데, 

 

const object = {
  value : "123",
  key: "toto",
}

export default object

다음과 같이 변수로 명칭을 정해주고 export를 하면 문제가 없다. 

간단한 문제지만 이런 오류로 인해서 한번 더 생각해볼 수 있는 경험이 되었다.