What?

In the svelte 5 react bindings, the children prop type on components resolve to Snippet<[]> and we get type errors on something like this:

 <LeoButton href="#foo">Link button!</LeoButton>
// or
<leo-menu-item onClick={handleAction}>Llama2-13b</leo-menu-item>

The errors looked something like this:

TS2747: 'leo-option' components don't accept text as child elements. Text in JSX has the type 'string', but the expected type of 'children' is '(Snippet<[]> & (string | Element[])) | undefined'.

Solution: Omit the children prop on the imported svelte types in a few areas, this seems to let it use the correct react children prop for types.

Details

• Omit children in scripts/gen-react-bindings.js in the imported svelte component types
• For leo-menu-item and leo-option:
  • From HTMLAttributes type from svelte/elements omit the children prop
  • Define children with the type string | Elements[]
• Abstracts the new HTMLAttributes to the components/svelte-react.ts file