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

[pwnllc]

Hello! When I try to build this on my RPi, the following error occurs:

app/api/og/route.tsx
Type error: Route "app/api/og/route.tsx" has an invalid export:
  "Promise<ImageResponse>" is not a valid GET return type:
    Expected "void | Response | Promise<void | Response>", got "Promise<ImageResponse>".
      Expected "Promise<void | Response>", got "Promise<ImageResponse>".
        Expected "void | Response", got "ImageResponse".

[SaadBazaz]

Same problem here. Any solution so far?

[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

[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

[tknickman]

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

[olejbl]

Make sure you dont return anything else than the ImageResponse. No fallback <p> An error has occured </p>. That should fix it :-)