⚠ metadataBase property in metadata export is not set for resolving social open graph.

Question

I get this error at build time

⚠ metadataBase property in metadata export is not set for resolving social open graph or twitter images, using "http://localhost:3000". See https://nextjs.org/docs/app/api-reference/functions/generate-metadata#metadatabase

But it is actually set in layout

import type { Metadata } from "next";
import "./globals.css";
import "./fonts.css";
import Navbar from "../_components/Navbar/Navbar";
import JotaiProvider from "../_components/JotaiProvider/JotaiProvider";
import Footer from "../_components/Footer/Footer";
import DataWrapper from "../_components/DataWrapper/DataWrapper";

export const metadata: Metadata = {
  title: "Konogima.com - ქართულად გახმოვანებული ანიმეები",
  description:
    "Konogima.com - ანიმეები ქართულად / animeebi qartulad / ქართულად გახმოვანებული ანიმეები / qartulad gaxmovanebuli animeebi",
  twitter: {
    card: "summary_large_image",
  },
  metadataBase: new URL("https://konogima.com"),
};

export default async function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body>
        <JotaiProvider>
          <DataWrapper>
            <Navbar />
            <section>{children}</section>
            <Footer />
          </DataWrapper>
        </JotaiProvider>
      </body>
    </html>
  );
}

{children}

⚠ metadataBase property in metadata export is not set for resolving social open graph.

0 Replies