[ReactJS] 리액트 경고 : Assign object to a variable before exporting as module default

react 를 하다보면 잦은 오류가 발생한다.

 

 

redux 를 할 때 자주 발생했었는데 여러개를 export할 때 문제가 되는 부분이었다.

큰 문제는 아니지만 이렇게 뜨니까 너무 거슬려서 어떻게 수정을 해야하나 고민을 하였다.

Assign object to a variable before exporting as module default

 

무슨 문제인가 구글링을 해본 결과

export default { store, persistor };

 

이렇게 export 를 하면 경고가 발생한다고 한다.

그래서 아래와같은 코드로 변경을 해주는게 좋다.

 

const stores = {
	store,
    persistor
}

export default stores;

 

이런식으로 export 하고자 하는 내용들을 묶어서 export 해주면 경고문구가 사라지고, 깔끔하게 반영이 된다.