nextjs getInitialProps() not passing props to class components

Question

im getting empty results. what im i doing wrong?

indx.js:

export default class Home extends React.Component {

  static async getInitialProps(ctx) {

    const test = 'test 123'

    return {props: {test: test}}
  }

  render() {
    console.log(this.props.test)
    return (
      <>
        <h1>{this.props.test}</h1>
      </>
    )
  }
}

_app.js:

function MyApp({ Component, pageProps }) {
 return (
    <Component {...pageProps} />
  )
}

export default MyApp

getting undeifend on the 'console.log' and the 'h1' is emtpy

Answer 1

You should return the component's props without putting it in another props object. Read the Docs

static async getInitialProps(ctx) {
  const test = 'test 123';
  return { test };
}