getStaticProps doesn't work with a custom _app.js

Bug report

Describe the bug

I have a project in NextJS and I upgraded lately to 9.4.2 to use the new functionalities of SSG. I’m using a custom _app with getInitialProps because I need some data that I pass from my server.js

When I tried to add a new page with getStaticProps it seems that nothing is returned in the props.

I read some issues opened lately, and it seems that it’s something with pageProps or having getInitialProps in a custom _app.js tried everything mentioned but it seems not working.

To Reproduce

My _App.js looks like this:

class MyApp extends App {
  static async getInitialProps ({ Component, ctx }) {
    let pageProps = {}
    const errorCode = null

    if (Component.getInitialProps) {
      pageProps = await Component.getInitialProps(ctx)
    }

    if (ctx.req) {
      pageProps.globalSettings = ctx.req.globalSettings
    }

    pageProps.errorCode = pageProps.errorCode || errorCode

    return { pageProps }
  }
...
}
...
export default withRedux(() => reduxStore)(appWithTranslation(MyApp))

And my Posts.js page looks like this:

function Posts ({ posts = [] }) {
  console.log(posts)
  return (
    <ul>
      {posts.map(post => (
        <li key={post.id}>{post.title}</li>
      ))}
    </ul>
  )
}
export async function getStaticProps () {
  const res = await fetch('https://jsonplaceholder.typicode.com/posts')
  const posts = await res.json()
  return {
    props: {
      posts
    }
  }
}
export default Posts

Current behavior

the prop posts is empty and nothing is returned from getStaticProps

Additional remarks

I’m using both next-i18next and next-redux-wrapper

System information

• OS: MacOS
• Browser: Chrome
• Version of Next.js: 9.4.2

[vjekkko]

@Sletheren https://github.com/vercel/next.js/discussions/11334#discussioncomment-3895

[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.