Errors with with-next-seo example

[zhe]

Examples bug report

Example name

with-next-seo GitHub link

Describe the bug

On browser:

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

On terminal:

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check your code at _app.js:27.
    in MyApp
    in Unknown
    in Context.Provider
    in Context.Provider
    in Context.Provider
    in AppContainer
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
...

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

1. Run npm init next-app --example with-next-seo next-seo-app
2. Run cd next-seo-app && npm run dev

Expected behavior

Run the application without errors.

Screenshots

If applicable, add screenshots to help explain your problem.

System information

• OS: macOS
• Browser: Firefox
• Version of Next.js: latest

Additional context

I am going to make a PR to fix:

• When import 'next-seo' package, need to use object destructuring assignment syntax.
• When to use a default SEO config, need to use spread syntax in _app.js

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