Hi, I've a question about generating opengraph image programatically. I was looking at the example given on the docs, https://nextjs.org/docs/app/api-reference/file-conventions/metadata/opengraph-image#generate-images-using-code-js-ts-tsx

const interSemiBold = fetch(
    new URL('./Inter-SemiBold.ttf', import.meta.url)
).then((res) => res.arrayBuffer())

Doing something like that works,.. but if I do something like this

const urlpath = "./Inter-SemiBold.ttf";
const interSemiBold = fetch(
    new URL(urlpath, import.meta.url)
).then((res) => res.arrayBuffer())

as in the path is passed in as a variable, I got a fetch failed error. Something like this

 ⨯ node_modules/next/dist/compiled/react/cjs/react.shared-subset.development.js (210:15) @ originalFetch
 ⨯ fetch failed

I wanted "opengraph-image.tsx" to fetch something programatically based on the params sent. Am I missing something?