[BUG]: I can not build when I add @astrojs/react on astro paper v6

[eerison]

Hey @satnaing

Could you give me a light here.

when I add runningpnpm add @astrojs/react

I am getting this issue on build

src/pages/og.png.ts:27:5 - error ts(2345): Argument of type '{ type: string; props: { style: { background: string; width: string; height: string; display: string; alignItems: string; just
ifyContent: string; fontFamily: string; }; children: ({ type: string; props: { ...; }; } | { ...; })[]; }; }' is not assignable to parameter of type 'ReactNode'.
  Type '{ type: string; props: { style: { background: string; width: string; height: string; display: string; alignItems: string; justifyContent: string; fontFamily: string; }; children: 
({ type: string; props: { ...; }; } | { ...; })[]; }; }' is missing the following properties from type 'ReactPortal': children, key

 27     {
        ~
 28       type: "div",
    ~~~~~~~~~~~~~~~~~~
... 
140       },
    ~~~~~~~~
141     },
    ~~~~~

src/pages/posts/[...slug]/index.png.ts:48:5 - error ts(2345): Argument of type '{ type: string; props: { style: { background: string; width: string; height: string; display: string; align
Items: string; justifyContent: string; }; children: ({ type: string; props: { style: { position: string; ... 10 more ...; height: string; }; }; } | { ...; })[]; }; }' is not assignable to
 parameter of type 'ReactNode'.
  Type '{ type: string; props: { style: { background: string; width: string; height: string; display: string; alignItems: string; justifyContent: string; }; children: ({ type: string; pro
ps: { style: { position: string; ... 10 more ...; height: string; }; }; } | { ...; })[]; }; }' is missing the following properties from type 'ReactPortal': children, key

 48     {
        ~
 49       type: "div",
    ~~~~~~~~~~~~~~~~~~
... 
168       },
    ~~~~~~~~
169     },
    ~~~~~

any idea why?

I also opened an issue on santori: vercel/satori#765

[eerison]

as a workaround I add as any in object :/