getInitialProps() missing from dynamic import

Bug report

Describe the bug

When using next/dynamic for dynamic imports of a page-component that contains getInitialProps, the getInitialProps function from the imported dynamic component is missing.

To Reproduce

// src/modules/about.tsx

import React from "react";
import { NextPage, NextPageContext } from "next";

interface Props {
  userAgent?: string;
  test: string;
}

const About: NextPage<Props> = ({ userAgent, test }: NextPageContext) => {
  return (
    <p>User Agent: {userAgent}</p>
    <p>Test: {test}</p>
  );
};

About.getInitialProps = async ({ req }: NextPageContext) => {
  const userAgent = req ? req.headers["user-agent"] : navigator.userAgent;
  console.log('getInitialProps has run')
  return { userAgent, test: "can you see me?" };
};

export default About;

// src/pages/about.ts

import dynamic from "next/dynamic";

const Page = dynamic(() => import(`../modules/about`));

export default Page;

The rendered page is missing the userAgent and test props, and there is no log of getInitialProps having run in the console.

Expected behavior

The dynamically imported Page component contains Page.getInitialProps from About.getInitialProps;

System information

• OS: macOS
• Browser: Chrome 79.0.3945.88
• Version of Next.js: 9.1.6

[timneutkens]

dynamic() does not return the component itself, it returns a component that has an “eventual” render of the component, and there is no way to copy over static properties reliably (and would cause inconsistency if we tried).

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.