Error: Element type is invalid: expected a string (for built-in components) or a class/function❗️

❗️Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

오류발생원인

• components 의 이름과 코드 경로가 잘못됬을경우 발생
• export default 작성하지 않을때도 발생

본인은 뒤에 export default 작성하지 않아서 오류가 발생

실수코드 예시

'use client';

import SideBar from '@/components/SideBar/SideBar';
import ThumbnailEditor from '@/components/ThumbnailEditor/ThumbnailEditor';
import styled from 'styled-components';

const Container = styled.div`
  display: flex;
  flex-direction: row;
`;

const thumbnailgenerator = () => {
  return (
    <Container>
      <ThumbnailEditor />
      <SideBar />
    </Container>
  );
};

 

위에 코드에 마지막에 export default thumbnailgenerator 를 작성하지 않아 오류가 발생했다.