Trying to pass a React component in `getInitialProps` to a higher order component in next.js

hoc.js

import React from "react";

export default function MainLayout(Child) {
  return class MainLayoutComponent extends React.Component {
    
    static getInitialProps(context) {
      return Child.getInitialProps(context);
    }

    render() {
      return <div>
        {this.props.withMainThing}
      
        <Child {...this.props} />
      </div>
    }
  }
}
      

page.js

import React from "react";

import withMain from "./hoc";

class Page extends Component {
  static getInitialProps() {
    return {
      withMainThing: <h1>hello</h1>
    };
  }

  render() {
    return <p>world</p>
  }
}

export default withMain(Page);