Breaking News: Grepper is joining You.com. Read the official announcement!

Custom _App with getInitialProps typescript example

NOUMBISSI MALANOU Patrick Florian answered on July 8, 2022 Popularity 2/10 Helpfulness 3/10

answer Custom _App with getInitialProps typescript example

Custom _App with getInitialProps typescript example

Comment

import type { AppProps } from 'next/app'
import App, { AppContext, AppProps } from "next/app";

type TProps = AppProps & {
  example: string;
};

export function MyCustomApp({ Component, pageProps, example }: TProps) {
  return (
    <>
      <p>example: {example}</p>
      <Component {...pageProps} />
    </>
  );
}

MyCustomApp.getInitialProps = async (context: AppContext) => {
  const ctx = await App.getInitialProps(context);

  return { ...ctx, example: "foo" };
};

export default MyCustomApp;

Popularity 2/10 Helpfulness 3/10 Language typescript

Source: github.com

Tags: typescript

Link to this answer
Share Copy Link

Contributed on Jul 08 2022

NOUMBISSI MALANOU Patrick Florian

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Custom _App with getInitialProps typescript example

Contents

More Related Answers

Custom _App with getInitialProps typescript example

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.