Microsoft/TypeScript
Voir sur GitHubUsing JSX syntax in a namespace may incorrectly use the exported members of the current namespace as intrinsic elements (starting with a lowercase letter)
Open
#60 365 ouverte le 29 oct. 2024
BugDomain: JSX/TSXHelp Wanted
Métriques du dépôt
- Stars
- (48 455 stars)
- Métriques de merge PR
- (Merge moyen 6j 17h) (9 PRs mergées en 30 j)
Description
🔎 Search Terms
jsx namespace preserve export intrinsic
🕗 Version & Regression Information
- This is the behavior in every version I tried, and I reviewed the FAQ for entries about (no entries for this)
⏯ Playground Link
💻 Code
WITH jsx: preserve enabled in tsconfig.json
export namespace form {
export const input = null;
export const test = <input />
}
🙁 Actual behavior
generated code:
export var form;
(function (form) {
form.input = null;
form.test = <form.input />;
})(form || (form = {}));
🙂 Expected behavior
generated code:
export var form;
(function (form) {
form.input = null;
form.test = <input />;
})(form || (form = {}));
Additional information about the issue
In fact, I observed this problem in a certain version of swc (swc does not support preserve mode, and the problem can be reproduced without enabling preserve mode). Considering that swc largely replicates the behavior of tsc, I suspected that this problem also exists in ts, and it is true, but only in jsx: preserve mode