Theo's Typesafe Cult•17mo ago

How to use getInitialProps within _app.tsx?

I'm trying to get the current color-scheme which is saved in a cookie into the app page. Is there a simple way to do that? I already tried different solutions, which did not work. Currently I have the following:

App.getInitialProps = async ({ ctx }: { ctx: GetServerSidePropsContext }) => ({
  colorScheme: getCookie("color-scheme", ctx) || "light",
});

App.getInitialProps = async ({ ctx }: { ctx: GetServerSidePropsContext }) => ({
  colorScheme: getCookie("color-scheme", ctx) || "light",
});

But if I try to access the colorScheme in the App function there is noting to find:

const App = (props: AppProps) => {
  const {
    Component,
    pageProps: { session, ...pageProps },
  } = props;

  console.log(props);

  return <Component {...pageProps} />;
};

const App = (props: AppProps) => {
  const {
    Component,
    pageProps: { session, ...pageProps },
  } = props;

  console.log(props);

  return <Component {...pageProps} />;
};

The console.log results in the following:

{
  Component: [Function: Home],  
  pageProps: {
    _nextI18Next: {
      initialI18nStore: [Object],
      initialLocale: 'de',
      ns: [Array],
      userConfig: [Object]
    }
  },
  __N_SSP: true,
  router: ServerRouter {
    route: '/',
    pathname: '/',
    query: {},
    asPath: '/',
    isFallback: false,
    basePath: '',
    locale: undefined,
    locales: undefined,
    defaultLocale: undefined,
    isReady: true,
    domainLocales: undefined,
    isPreview: false,
    isLocaleDomain: false
  }
}

{
  Component: [Function: Home],  
  pageProps: {
    _nextI18Next: {
      initialI18nStore: [Object],
      initialLocale: 'de',
      ns: [Array],
      userConfig: [Object]
    }
  },
  __N_SSP: true,
  router: ServerRouter {
    route: '/',
    pathname: '/',
    query: {},
    asPath: '/',
    isFallback: false,
    basePath: '',
    locale: undefined,
    locales: undefined,
    defaultLocale: undefined,
    isReady: true,
    domainLocales: undefined,
    isPreview: false,
    isLocaleDomain: false
  }
}

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

How to use getInitialProps within _app.tsx?