estoy recibiendo este error
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: objeto.
Mi \components\LayoutWrapper.js
import Logo from "@next/svg" <div className="mr-3 pt-2"> <Logo src={icon} width="25px" height="25px" /> {typeof siteMetadata.headerTitle === 'string' ? ( <div className=""></div> ) : ( siteMetadata.headerTitle )} </div>Fijo y funcionando
import Image from 'next/image' import logo from '../assets/images/logo.svg' <div className="mr-3 pt-2"> <Image src={logo} width="25px" height="25px" /> {typeof siteMetadata.headerTitle === 'string' ? ( <div className=""></div> ) : ( siteMetadata.headerTitle )} </div>