I am getting this error
error - Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
My \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>
Fixed and working
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>