Использую для работы Next.js.
В _app.js подключаю компонент Navbar и передаю значение через props. Получаю ошибку TypeError: props is undefined.
export default function Navbar( props ) {
console.log(props);
return (
<div>
<div className="container">
<nav className={styles.navbar}>
<div className={styles.navbarInner}>
<ul className={styles.navbarList}>
{props.map((item) =>
item.links.map((elem) => (
<li className={styles.navbarListItem}>
<Link href={`/${elem.url}`}>
<a className={styles.navbarListLink}>{elem.label}</a>
</Link>
</li>
))
)}
</ul>
</div>
</nav>
</div>
</div>
);
}
function MyApp({ Component, pageProps, props}) {
return (
<>
<Header />
<Navbar {...props}/>
<Component {...pageProps} />
<Footer />
</>
)
}
MyApp.getInitialProps = async (ctx) => {
const res = await axios.get('http://localhost:1337/menu-sections')
return { props: res.data }
}
export default MyApp
Подскажите, что я делаю не так? Как я понял из документации getInitialProps работает с app.js
