Uso la última versión next js dentro de mi proyecto. Recientemente me enfrenté a objetos no válidos como un error secundario de reacción js.
Los primeros componentes Head de importación son los siguientes js, y después de usar la estructura del esquema SEO en el proyecto, me encuentro con un error. Por favor guíame sobre cómo resolver este problema. También uso {} en una etiqueta de secuencia de comandos por dentro y por fuera, pero no funciona para mí.
<Head> <title>Random color project </title> <meta name="description" content="Random Color tool help to genrate random color base on your click. every time when you click on button random color genrate a color " /> {/* rest code */} {/* SEO Schema structure code for search egine */} <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", image: ["https://avatars2.githubusercontent.com/u/32416397"], author: { "@type": "Person", name: "Rajdeep Singh" }, .... } </script> </Head>Pruebe a continuación en lugar de su secuencia de comandos con el objeto.
<script type='application/ld+json' dangerouslySetInnerHTML={ { __html: `{ "@context": "https://schema.org", "@type": "WebSite", image: ["https://avatars2.githubusercontent.com/u/32416397"], author: { "@type": "Person", name: "Rajdeep Singh" }, .... }`}} />