Type error: Route "app/api/og/route.tsx" has an invalid export about taxonomy

[fardeenes7]

I have solved this by moving the og API from app/api/og/route.ts to pages/api/og.ts. This seemed the easiest and most stable solution to me

[tknickman]

Change the import to:
import { ImageResponse } from "next/og"

[SaadBazaz]

Same problem here. Any solution so far?

[elickeenanjones]

Is there any other solutions so far?

[jiaweing]

I have solved this by moving the og API from app/api/og/route.ts to pages/api/og.ts. This seemed the easiest and most stable solution to me

This worked for me after cracking my head around for days. There isn't any solution around on why Next 14 does not support ImageResponse as a response in an api route under the app router.

[jiaweing]

I also tried the opengraph-image.tsx method but there isn't any way to pass in any parameters other than only using those from the url.
https://nextjs.org/docs/app/building-your-application/optimizing/metadata#dynamic-image-generation