do not double import site-wide opengraph-image.jpg

app/layout.tsx

@@ -17,8 +17,6 @@ import "./themes.css";
 
 import styles from "./layout.module.css";
 
-import ogImage from "./opengraph-image.jpg";
-
 export const metadata: Metadata = defaultMetadata;
 
 const RootLayout = ({ children }: Readonly<{ children: React.ReactNode }>) => {
@@ -34,12 +32,7 @@ const RootLayout = ({ children }: Readonly<{ children: React.ReactNode }>) => {
             "@id": `${BASE_URL}/#person`,
             name: config.authorName,
             url: BASE_URL,
-            image: {
-              "@type": "ImageObject",
-              contentUrl: `${BASE_URL}${ogImage.src}`,
-              width: `${ogImage.width}`,
-              height: `${ogImage.height}`,
-            },
+            image: [`${BASE_URL}/opengraph-image.jpg`],
             sameAs: [
               `${BASE_URL}`,
               `https://${config.authorSocial?.mastodon}`,

app/notes/[slug]/opengraph-image.tsx

@@ -42,13 +42,14 @@ const getLocalImage = async (src: string): Promise<ArrayBuffer | string> => {
     // return the raw image data as a buffer
     return Uint8Array.from(await readFile(imagePath)).buffer;
   } catch (error) {
-    // fail silently and return a 1x1 transparent gif instead of crashing
     console.error(`[og-image] found "${imagePath}" but couldn't read it:`, error);
+
+    // fail silently and return a 1x1 transparent gif instead of crashing
     return NO_IMAGE;
   }
 };
 
-const Image = async ({ params }: { params: Promise<{ slug: string }> }) => {
+const OpenGraphImage = async ({ params }: { params: Promise<{ slug: string }> }) => {
   try {
     const { slug } = await params;
 
@@ -233,4 +234,4 @@ const Image = async ({ params }: { params: Promise<{ slug: string }> }) => {
   }
 };
 
-export default Image;
+export default OpenGraphImage;