old_contents: import React from 'react'
  import App, { Container } from 'next/app'
  import * as Sentry from '@sentry/browser'
  
  Sentry.init({
    dsn: 'ENTER_YOUR_SENTRY_DSN_HERE'
  })
  
  class MyApp extends App {
    static async getInitialProps ({ Component, ctx }) {
      let pageProps = {}
  
      if (Component.getInitialProps) {
        pageProps = await Component.getInitialProps(ctx)
      }
  
      return { pageProps }
    }
  
    componentDidCatch (error, errorInfo) {
      Sentry.withScope(scope => {
        Object.keys(errorInfo).forEach(key => {
          scope.setExtra(key, errorInfo[key])
        })
  
        Sentry.captureException(error)
      })
  
      super.componentDidCatch(error, errorInfo)
    }
  
    render () {
      const { Component, pageProps } = this.props
  
      return (
        <Container>
          <Component {...pageProps} />
        </Container>
      )
    }
  }
  
  export default MyApp
  
new_contents: import React from 'react'
  import App, { Container } from 'next/app'
  import * as Sentry from '@sentry/browser'
  
  Sentry.init({
    dsn: 'ENTER_YOUR_SENTRY_DSN_HERE'
  })
  
  class MyApp extends App {
    componentDidCatch (error, errorInfo) {
      Sentry.withScope(scope => {
        Object.keys(errorInfo).forEach(key => {
          scope.setExtra(key, errorInfo[key])
        })
  
        Sentry.captureException(error)
      })
  
      super.componentDidCatch(error, errorInfo)
    }
  
    render () {
      const { Component, pageProps } = this.props
  
      return (
        <Container>
          <Component {...pageProps} />
        </Container>
      )
    }
  }
  
  export default MyApp
  
subject: Allow automatic static optimization in with-sentry-simple examp… (#8102)