NextJS：錯誤 - 元素類型無效：需要一個字符串（對於內置組件）或一個類/函數（對於復合組件）但得到：object

Question

我收到這個錯誤

錯誤 - 元素類型無效：應為字符串（對於內置組件）或類/函數（對於復合組件）但得到：object。

我的\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

固定和工作

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>