Translate JSX elements based on objects #32619
Labels
Awaiting More Feedback
This means we'd like to hear from more people who would be helped by this feature
Domain: JSX/TSX
Relates to the JSX parser and emitter
Suggestion
An idea for TypeScript
When using a custom
jsxFactory
, it is currently only possible to use something that is astring
or callable as the JSX element tag. I do not see a reason why there should be such limitation. In my use case I would like to use objects as "blueprints" for my jsx factory.TypeScript Version: 3.5.1
Search Terms:
jsx jsxFactory object TS2604
Code
Expected behavior:
JSX element
<ObjectComponent text="hello world" />
should be translated toh(ObjectComponent, { text: "hello world" })
.Actual behavior:
Typescript throws an error:
JSX element type 'ObjectComponent' does not have any construct or call signatures.
Playground Link:
https://www.typescriptlang.org/play/index.html?jsx=2#code/PQKgsAUABCUAICsDOAPKALSNiUgMwFcA7AYwBcBLAeyIygAoA6ZgQwCcBzJALihaICeAbQC6ASl5IybCkQ5QA3lihsApmQJtaAciRUAtuvSyO2gNyQAvrgiFSlGlABixEgGEDABxqqiZemKKymoaWlDa5laQJDRSUADK0iYe+t5EvmRQALzhZKpSkRAxRHEA8gBGCKrkKWkZ2YpQANaqArzaeXHalhYQkMDAUADuVGxNSNGxmQAmBgCMDQA8LqS1Pn5QeShkWQBE6KoANodUw6OH07tQwAB8vf2DI2MTRVNQs-oAzEuJMnJr6Q2Wx2+yOJzObAuV1u9wgA3eVHyGyeTUmJRmBgALEsKlUal51plgXsDsdTk8odc7pAgA
Related Issues:
N/A
The text was updated successfully, but these errors were encountered: