Have you solve this issue yet? I encountered the same problem.

export const metadata: Metadata = {
  title: "Sushi's Portfolio",
  description: 'Hi! Checkout my portfolio!',
  keywords: 'Sushi, Portfolio, Developer, Designer, Programmer, Web Developer, Software Engineer, Game Developer',
  openGraph: {
    title: "Sushi's Portfolio",
    description: 'Hi! Checkout my portfolio!',
    url: 'https://sushi.toruverse.dev',
    images: [
      {
        url: '/profile/PortfolioLogo.png',
        width: 800,
        height: 600,
        alt: "Sushi's Portfolio Logo",
      },
    ],
    siteName: "Sushi's Portfolio",
    type: 'website',
  },
  icons: {
    icon: [{ url: '/logo/sushi.webp', type: 'image/webp' }],
    apple: { url: '/logo/sushi.webp', type: 'image/webp' },
  },
  robots: {
    index: true,
    follow: true,
    googleBot: {
      index: true,
      follow: true,
    },
  },
}