JSX Element type

I have a JSX component which should accept multiple children as props, however, using

Element | Element[]

Element | Element[]

(or

ReactElement

ReactElement

imported from

hono/jsx

hono/jsx

) gives the following error when multiple children are passed:

Type 'Element' is not assignable to type 'ReactElement'.
  Type 'HtmlEscapedString' is not assignable to type 'ReactElement'.
    Type 'String & HtmlEscaped' is missing the following properties from type 'JSXNode': tag, props, children, type, and 2 more.ts(2322)

Type 'Element' is not assignable to type 'ReactElement'.
  Type 'HtmlEscapedString' is not assignable to type 'ReactElement'.
    Type 'String & HtmlEscaped' is missing the following properties from type 'JSXNode': tag, props, children, type, and 2 more.ts(2322)

Any ideas on how to accept multiple child elements?

Hono•2y ago•

3 replies

chrisyalamov

JSX Element type

I have a JSX component which should accept multiple children as props, however, using

Element | Element[]

Element | Element[]

(or

ReactElement

ReactElement

imported from

hono/jsx

hono/jsx

) gives the following error when multiple children are passed:

Type 'Element' is not assignable to type 'ReactElement'.
  Type 'HtmlEscapedString' is not assignable to type 'ReactElement'.
    Type 'String & HtmlEscaped' is missing the following properties from type 'JSXNode': tag, props, children, type, and 2 more.ts(2322)

Type 'Element' is not assignable to type 'ReactElement'.
  Type 'HtmlEscapedString' is not assignable to type 'ReactElement'.
    Type 'String & HtmlEscaped' is missing the following properties from type 'JSXNode': tag, props, children, type, and 2 more.ts(2322)

Any ideas on how to accept multiple child elements?

JSX Element type

Similar Threads

JSX Element type

Similar Threads

Similar Threads

Similar Threads