Cannot set properties of undefined (setting '_sentryTraceData')

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which package are you using?

@sentry/nextjs

SDK Version

7.14.2

Framework Version

React 18.1.0

Link to Sentry event

No response

Steps to Reproduce

Hello, Thank you for quickly addressing issue #5877 . I saw that issue was fixed in 7.14.2 and tried it today.

Build was successful, but a runtime error occurred.

TypeError: Cannot set properties of undefined (setting '_sentryTraceData')
    at Function.getInitialProps (/app/node_modules/@sentry/nextjs/cjs/config/wrappers/withSentryServerSideAppGetInitialProps.js:44:55)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async Object.loadGetInitialProps (/app/node_modules/next/dist/shared/lib/utils.js:70:19)
    at async Object.renderToHTML (/app/node_modules/next/dist/server/render.js:436:14)
    at async doRender (/app/node_modules/next/dist/server/base-server.js:917:38)
    at async cacheEntry.responseCache.get.isManualRevalidate.isManualRevalidate (/app/node_modules/next/dist/server/base-server.js:1022:28)
    at async /app/node_modules/next/dist/server/response-cache.js:69:36

TypeError: Cannot set properties of undefined (setting '_sentryTraceData')

I am using next.js v12.2 - using SSR(ISR)

next.config.js

  sentry: {
    hideSourceMaps: true,
    autoInstrumentServerFunctions: true,
  },

Expected Result

The application builds normally.

Actual Result

Internal Server Error

[lforst]

@ccj9707

I feel like this one (for a change 😄) isn’t on us.

The Next.js docs on custom apps state that if you have a getInitialProps in your _app.js, you must call App.getInitialProps(appContext) and merge its return values with your initial props.

Here’s the code example from the docs:

import App from 'next/app'

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

MyApp.getInitialProps = async (appContext) => {
  // calls page's `getInitialProps` and fills `appProps.pageProps`
  const appProps = await App.getInitialProps(appContext);

  return { ...appProps }
}

export default MyApp

[ccj9707]

@lforst Problem solved! Thanks, I’ve corrected the weird stuff.