From d6c8a3d32c5939536f8c87e4b6938f03d35744f8 Mon Sep 17 00:00:00 2001
From: Lucas Smith <me@lucasjamessmith.me>
Date: Thu, 14 Mar 2024 09:20:01 +0000
Subject: [PATCH] fix: what happens if we use a dynamic import?

---
 .../src/app/(marketing)/blog/[post]/opengraph/route.tsx     | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/apps/marketing/src/app/(marketing)/blog/[post]/opengraph/route.tsx b/apps/marketing/src/app/(marketing)/blog/[post]/opengraph/route.tsx
index 906ee18cd..6f16b5092 100644
--- a/apps/marketing/src/app/(marketing)/blog/[post]/opengraph/route.tsx
+++ b/apps/marketing/src/app/(marketing)/blog/[post]/opengraph/route.tsx
@@ -1,12 +1,8 @@
 import { ImageResponse } from 'next/og';
 import { NextResponse } from 'next/server';
 
-import { allBlogPosts } from 'contentlayer/generated';
-
 export const runtime = 'edge';
 
-const contentType = 'image/png';
-
 const IMAGE_SIZE = {
   width: 1200,
   height: 630,
@@ -17,6 +13,8 @@ type BlogPostOpenGraphImageProps = {
 };
 
 export async function GET(_request: Request, { params }: BlogPostOpenGraphImageProps) {
+  const { allBlogPosts } = await import('contentlayer/generated');
+
   const blogPost = allBlogPosts.find((post) => post._raw.flattenedPath === `blog/${params.post}`);
 
   if (!blogPost) {