Agregué un poco de CSS del kit de temas a la cabeza de Next.js, pero la consola del navegador muestra una advertencia, ¿qué está mal?
Expected server HTML to contain a matching <head> in <div>. const Layout = ({ children, isNavbarTransparent }: Props) => { return ( <> <head> <link rel="stylesheet" href="themekit/css/bootstrap-grid.css" /> <link rel="stylesheet" href="themekit/css/style.css" /> <script src="themekit/scripts/jquery.min.js"></script> <script src="themekit/scripts/main.js"></script> </head>Parece que estás usando HTML head . En su lugar, use el componente Head de Next.js, como sugieren en su documentación.
Exponemos un componente incorporado para agregar elementos al encabezado de la página.
import Head from "next/head"; const Layout = ({ children, isNavbarTransparent }: Props) => { return ( <> <Head> <link rel="stylesheet" href="themekit/css/bootstrap-grid.css" /> <link rel="stylesheet" href="themekit/css/style.css" /> <script src="themekit/scripts/jquery.min.js"></script> <script src="themekit/scripts/main.js"></script> </Head>