Unable to run async logic in page function?

export const onRequest = vercelOGPagesPlugin<Props>({
    imagePathSuffix: "/social-image.png",
    options: {
        emoji: "twemoji",
    },
    component: ({ ogTitle, pathname }) => {
        return <div
        style={{
          // ...

// also fails with
// export const onRequest = async () => vercelOGPagesPlugin<Props>({
export const onRequest = vercelOGPagesPlugin<Props>({
    imagePathSuffix: "/social-image.png",
    options: {
        emoji: "twemoji",
        fonts: [{
            data: await fetch("https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-400-normal.woff2").then(res => res.arrayBuffer()),
            style: 'normal'
        }]
    },
    component: ({ ogTitle, pathname }) => {
        return <div
        style={{
          // ...