Error placing opengraph-image.tsx inside catch all
Unanswered
Gouty oak gall posted this in #help-forum
![Avatar](https://cdn.discordapp.com/embed/avatars/3.png)
Gouty oak gallOP
I am using app directory.
I have a folder
In that folder I have page.tsx, when I add
But this seems to be how to handle different images for different slugs based on https://nextjs.org/docs/app/api-reference/file-conventions/metadata/opengraph-image
I have a folder
/app/recipe/[...ingredients]
In that folder I have page.tsx, when I add
opengraph-image.tsx
I get the following error:unhandledRejection: Error: Catch-all must be the last part of the URL
But this seems to be how to handle different images for different slugs based on https://nextjs.org/docs/app/api-reference/file-conventions/metadata/opengraph-image
2 Replies
![Avatar](https://cdn.discordapp.com/avatars/743561772069421169/3c5d689eee4459a24fc420063411c016.webp?size=256)
Ray
there is an issue about this on github
https://github.com/vercel/next.js/issues/57349
https://github.com/vercel/next.js/issues/57349
![Avatar](https://cdn.discordapp.com/embed/avatars/3.png)
Gouty oak gallOP
Ouch, this invalidates how I was planning on doing this.