[Next.js] Error: The default export is not a React Component in page: "/" 오류

Intro

next js 를 사용하던 도중 아래와 같은 에러가 발생하였습니다. 

 

Error: The default export is not a React Component in page: "/"

Why?

에러가 난 코드를 확인해보니, export 만 하고 default 를 적어주지 않았습니다. Next.js에서는 default로 export를 해야 에러 없이 정상 작동 되기 때문입니다.

export function HomePAge() {
  const featuredEvents = getFeaturedEvents();
  return (
    <div>
      <EventList items={featuredEvents} />
    </div>
  );
}

 

How to solve the problem

export default 코드를 추가해주면 됩니다. 🙌

export default function HomePAge() {
  const featuredEvents = getFeaturedEvents();
  return (
    <div>
      <EventList items={featuredEvents} />
    </div>
  );
}