How to use getInitialProps within _app.tsx?

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

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

  console.log(props);

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

{
  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
  }
}