diff --git a/examples/with-next-seo/pages/_app.js b/examples/with-next-seo/pages/_app.js
index d1412d86fa32585..e7be87169cb655c 100644
--- a/examples/with-next-seo/pages/_app.js
+++ b/examples/with-next-seo/pages/_app.js
@@ -3,30 +3,16 @@
* that will apply to every page. Full info on how the default works
* can be found here: https://github.com/garmeeh/next-seo#default-seo-configuration
*/
-import App from 'next/app'
-import React from 'react'
-import NextSeo from 'next-seo'
+import { DefaultSeo } from 'next-seo'
import SEO from '../next-seo.config'
-export default class MyApp extends App {
- static async getInitialProps({ Component, ctx }) {
- let pageProps = {}
- if (Component.getInitialProps) {
- pageProps = await Component.getInitialProps(ctx)
- }
-
- return { pageProps }
- }
-
- render() {
- const { Component, pageProps } = this.props
- return (
- /* Here we call NextSeo and pass our default configuration to it */
- <>
-
-
- >
- )
- }
+export default function MyApp({ Component, pageProps }) {
+ return (
+ /* Here we call NextSeo and pass our default configuration to it */
+ <>
+
+
+ >
+ )
}
diff --git a/examples/with-next-seo/pages/index.js b/examples/with-next-seo/pages/index.js
index 70e4aaee8daa35a..e45a06b2550d86f 100644
--- a/examples/with-next-seo/pages/index.js
+++ b/examples/with-next-seo/pages/index.js
@@ -1,5 +1,4 @@
-import React from 'react'
-import NextSeo from 'next-seo'
+import { NextSeo } from 'next-seo'
import Link from 'next/link'
export default () => (
diff --git a/examples/with-next-seo/pages/jsonld.js b/examples/with-next-seo/pages/jsonld.js
index ab9f8fda1b98224..3800a14e7453540 100644
--- a/examples/with-next-seo/pages/jsonld.js
+++ b/examples/with-next-seo/pages/jsonld.js
@@ -1,4 +1,3 @@
-import React from 'react'
import { ArticleJsonLd } from 'next-seo'
// See all available JSON-LD here: