Estoy creando este sitio web de NextJs y antes, cuando ejecutaba yarn next dev , todo estaba bien, ahora recibo un mensaje de error en mi _document.js. Este es el mensaje que recibo:
Error del servidor Error: el tipo de elemento no es válido: esperaba una cadena (para componentes integrados) o una clase/función (para componentes compuestos) pero obtuvo: indefinido. Probablemente olvidó exportar su componente desde el archivo en el que está definido, o puede haber mezclado las importaciones predeterminadas y con nombre. Este error ocurrió al generar la página. Todos los registros de la consola se mostrarán en la ventana del terminal .
import Document, { Head, Html, Main, NextScript } from 'next/document' import { ServerStyleSheet } from 'styled-components' export default class MyDocument extends Document { static async getInitialProps(ctx) { const sheet = new ServerStyleSheet() const originalRenderPage = ctx.renderPage try { ctx.renderPage = () => originalRenderPage({ enhanceApp: (App) => (props) => sheet.collectStyles(<App {...props} />), }) const initialProps = await Document.getInitialProps(ctx) return { ...initialProps, styles: ( <> {initialProps.styles} {sheet.getStyleElement()} </> ), } } finally { sheet.seal() } } render() { return ( <Html lang='en-GB'> <Head> <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet"/> </Head> <body> <Main /> <NextScript /> </body> </Html> ); } }