NextJS：错误 - 元素类型无效：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：object

Question

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>

Answer 1

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>