How to add properties to NextPage types? #15146

dominicleo · 2020-07-14T06:02:24Z

dominicleo
Jul 14, 2020

pages/index.tsx

import { NextPage } from 'next';

const Page: NextPage = () => {
  return <>hello world</>
}

const Layout:React.FC<any> = (props) => {
  return <div className='layout'>{props.children as React.ReactNode}</div>;
}

Page.config= {
  title: 'homepage'
}';
Page.Layout = Layout;

export default Page;

pages/_app.tsx

import { AppProps, createUrl } from 'next/app';
import Head from 'next/head';

const App:React.FC<AppProps> = ({ router, Component, pageProps, __N_SSG, __N_SSP }) => {
  const { config, Layout } = Component;
  const { title } = config || {};
  const children = (
    <Component
      {...pageProps}
      {
        // we don't add the legacy URL prop if it's using non-legacy
        // methods like getStaticProps and getServerSideProps
        ...(!(__N_SSG || __N_SSP) ? { url: createUrl(router) } : {})
      }
    />
  );
  return (
    <>
      <Head>
        <title>{title ? title + ' - ' : ''}Next.js</title>
      </Head>
      {Layout ? <Layout>{children}</Layout> : children}
    </>
  );
}

mulholo · 2020-07-14T16:14:15Z

mulholo
Jul 14, 2020

Hey, @dominicleo. What do you mean by 'properties' here? There's a couple of slightly weird things about the code you've posted but not entirely sure what you're after here.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

How to add properties to NextPage types? #15146

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

How to add properties to NextPage types? #15146

Uh oh!

dominicleo Jul 14, 2020

Replies: 1 comment

Uh oh!

mulholo Jul 14, 2020

dominicleo
Jul 14, 2020

mulholo
Jul 14, 2020