Framework/Next.js
[Next.js] Error: The default export is not a React Component in page: "/" ์ค๋ฅ
yuri lee
2022. 11. 8. 20:51
๋ฐ์ํ
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>
);
}
๋ฐ์ํ