Estoy trabajando con Reactjs y usando Nextjs. En este momento estoy tratando de "Usar múltiples encabezados" (según la condición), usé el siguiente código en mi archivo "about.js"

 import React from 'react' import NestedLayout from '../components/NestedLayout' import Footer from '../components/Footer' function About() { return ( <> <> //CODE HERE </> </> ) } export default About About.getLayout= function PageLayout(page) { return( <> <NestedLayout /> {page} <Footer /> </> ) }

Y aquí está mi archivo "_app.js"

 import React from 'react'; import App from 'next/app'; import Layout from '../components/layout' import type { AppProps } from 'next/app' function MyApp({ Component, pageProps }: AppProps) { if(Component.getLayout) { return Component.getLayout(<Component{...pageProps} />) } return ( <> <Layout> <Component {...pageProps} /> </Layout> </> ) } export default MyApp

Pero recibo el siguiente error, ¿cómo puedo resolver esto?

 any Property 'getLayout' does not exist on type 'NextComponentType<NextPageContext, any, {}>'. Property 'getLayout' does not exist on type 'ComponentClass<{}, any> & { getInitialProps?(context: NextPageContext): any; }'.ts(2339)