Deno•3y ago

Syntax error when getting prop children Element but compiles

Is this error important? How can I fix it? Should I fix it?

marvinh.•8/1/23, 4:01 PM

That error is a type-only error and won't affect how your project runs. Nonetheless I'm curious how it came to be. Do you have a reproduction case we could take a look at?

Mmarvinh.That error is a type-only error and won't affect how your project runs. Nonethel...

ataracticOP•8/1/23, 8:17 PM

I just created the Section component and put Element type for the children

ataracticOP•8/1/23, 8:17 PM

Then I pass the div containing the chart.

ataracticOP•8/1/23, 8:18 PM

Finally vscode gives me this error

marvinh.•8/1/23, 8:19 PM

ohh right, I just noticed. The type refers to a DOM node in the browser. But here in JSX we are not dealing with actual DOM nodes. The whole idea behind JSX is that you only deal with JSX objects. That's why TS is complaining here. What you want to use as a type instead is from

marvinh.•8/1/23, 8:19 PM

you can think of the JSX as being only a description based on which the final HTML Elements will be created in the browser

ataracticOP•8/1/23, 8:20 PM

Thank you!

ataracticOP•8/1/23, 8:21 PM

There is so much types named Element that I chose the simplest

marvinh.•8/1/23, 8:22 PM

hehe yeah there is definitely a worrying number of these. It's easy to mix them up

ataracticOP•8/1/23, 8:27 PM

While I'm at it, does ComponentChildren works with multiple children elements?

marvinh.•8/1/23, 8:39 PM

yes

marvinh.•8/1/23, 8:40 PM

iirc it's the catchall type we use in Preact

ataracticOP•8/1/23, 8:50 PM

Thanks