Element type is invalid: expected a string (for built-in components) or a class/function 오류 해결 방법

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

components의 이름이 잘못되었거나, import path가 잘못 입력되었을 때 발생할 수 있다.

주로 컴포넌트의 import를 다시 하거나, 연결되어 있는 컴포넌트들 중에 대소문자가 다를 경우에 발생할 수 있다.

또한 페이지에 들어가는 컴포넌트 함수를 만들지 않고, 메인페이지에서 렌더시킬 시 발생할 수 있다.

해결

• import 된 파일의 경로와 이름을 하나하나 확인하기
• 함수가 만들어지지 않은 빈 페이지를 연결하진 않았는지 확인하기
• export 한 컴포넌트를 참조하고 있는 다른 컴포넌트들의 불러오기 경로 다시 확인하기

출처

• 리액트 에러 상황
• expected a string or class/function 리액트 에러