app-container-deprecated.md

App Container Deprecated

Why This Error Occurred

In versions prior to v9.0.4 the <Container> component was used in ./pages/_app.js to handle scrolling to hashes. This handling has been moved up the tree so the <Container> component is no longer needed in your custom <App>!

Possible Ways to Fix It

Remove the <Container> component from your Custom <App> (./pages/_app.js).

Before

import React from 'react'
import App, { Container } from 'next/app'

class MyApp extends App {
  render() {
    const { Component, pageProps } = this.props
    return (
      <Container>
        <Component {...pageProps} />
      </Container>
    )
  }
}

export default MyApp

After

import React from 'react'
import App from 'next/app'

class MyApp extends App {
  render() {
    const { Component, pageProps } = this.props
    return <Component {...pageProps} />
  }
}

export default MyApp