에러 내용
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
에러의 내용은 컴포넌트나 문자열을 받을 것으로 예상했지만, undefined를 받았다는 의미이다.
이런 현상은 컴포넌트를 만들고 초반에 import/export 할 때 생기는 것이 아니라, export default를 export로 바꾸거나, 혹은 이후 React.memo에 감싸서 이름이 새롭게 바뀐 상태로 export되는 것을 반영하지 못할 때 자주 일어나게 된다.
에러 해결
export default는 중괄호 없이, export는 다수의 데이터를 내보낼 수 있기에 중괄호 안에 정의된다. 그러므로 이후 export를 하는 방식을 바꾸었다면, 해당 컴포넌트나 데이터를 가져오는 페이지에서 중괄호의 유무를 다시 봐보자.
혹은 React.memo로 감싼 후, 컴포넌트의 이름을 Memorized+변수이름으로 만들고 해당 이름으로 export 한다면, 이미 변수이름으로 만들어 쓰고 있었던 다른 페이지에서 인식하지 못한다. export하는 이름과 import 받아오는 컴포넌트명이 동일한지 확인하자.
