src/entries.tsx:12:56 - error TS2786: 'Slot' cannot be used as a JSX component.
Its type '({ id, children, fallback, unstable_shouldRenderPrev, }: { id: string; children?: ReactNode; fallback?: ReactNode; unstable_shouldRenderPrev?: (err: unknown) => boolean; }) => CElement<OuterSlotProps, OuterSlot>' is not a valid JSX element type.
Type '({ id, children, fallback, unstable_shouldRenderPrev, }: { id: string; children?: ReactNode; fallback?: ReactNode; unstable_shouldRenderPrev?: (err: unknown) => boolean; }) => CElement<OuterSlotProps, OuterSlot>' is not assignable to type '(props: any) => ReactNode'.
Type 'CElement<OuterSlotProps, OuterSlot>' is not assignable to type 'ReactNode'.
Property 'children' is missing in type 'ComponentElement<OuterSlotProps, OuterSlot>' but required in type 'ReactPortal'.
12 return renderHtml({ App: <App name="Waku" /> }, <Slot id="App" />, '');
~~~~
../../node_modules/.pnpm/types-react@19.0.0-rc.1/node_modules/types-react/index.d.ts:389:9
389 children: ReactNode;
~~~~~~~~
'children' is declared here.
With the React 19.x types package, Root and Slot cause
tsc
errors:Error:
The
<Root>
error in main.tsx is similar.