Element type is invalid in _document.js #56

mariabarkouzou · 2021-12-10T12:06:08Z

I've created the _document.js as suggested in the template but I get this error in the console:

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

The code is this:

import React from 'react'
import Document, {Html, Head, Main, NextScript} from 'next/document'
import client from '../client'

export default class MyDocument extends Document {
static async getInitialProps (ctx) {
const initialProps = await Document.getInitialProps(ctx)
return client.fetch('*[_id == "global-config"] {lang}.lang[0]').then(lang => {
return {...initialProps, lang}
})
}

render () {
return (

  <Html lang={this.props.lang || 'en'}>
    <Head />
    <body>
      <Main />
      <NextScript />
    </body>
  </Html>
 
)

}
}

Has anyone had this issue?And if yes , how did you solve it?Thank you in advance!

The text was updated successfully, but these errors were encountered:

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Element type is invalid in _document.js #56

Element type is invalid in _document.js #56

mariabarkouzou commented Dec 10, 2021 •

edited

Loading

Element type is invalid in _document.js #56

Element type is invalid in _document.js #56

Comments

mariabarkouzou commented Dec 10, 2021 • edited Loading

mariabarkouzou commented Dec 10, 2021 •

edited

Loading