JSX comment duplicated

[RyanCavanaugh]

Acknowledgement

• I acknowledge that issues using this template may be closed without further explanation at the maintainer's discretion.

Comment

🔎 Search Terms

comment like jsx text, preserve jsx

🕗 Version & Regression Information

• This is the behavior in every version I tried, and I reviewed the FAQ for entries about _________

⏯ Playground Link

https://www.typescriptlang.org/play/?jsx=1#code/GYVwdgxgLglg9mABAQQA6oBQEpEG8C+AUMRAgM5SIBWZAHogLyIA8aqAfAPQBUiYcibp1w9EARkGdxAJgDMiUdMn5R-Sc05t2AbkJA

💻 Code

function App() {}
const jsx = <App>/* no */{/* 1 */ 123 /* 2 */}/* no */</App>;

🙁 Actual behavior

These duplicate sections will be rendered in the JSX text output:

"use strict";
function App() { }
const jsx = <App> /* no *//* no */{/* 1 */123 /* 2 */} /* no *//* no */</App>
//                ~~~~~~~                              ~~~~~~~

🙂 Expected behavior

"use strict";
function App() { }
- const jsx = <App> /* no *//* no */{/* 1 */123 /* 2 */} /* no *//* no */</App>
+ const jsx = <App> /* no */{/* 1 */123 /* 2 */} /* no */</App>

Additional information about the issue

No response

[RyanCavanaugh]

Copilot, I have some coaching for how to handle this

Simplify the repro as much as you can. It's instructive
Look at different variants of the repro and do a differential diagnosis of how they behave
Right away, set up a compiler test that emits to both jsx: react-dev and jsx: preserve. This will let you keep tabs on both behaviors at once

[RyanCavanaugh]

Copilot, when fixing this, note that:

• Leading and trailing comments seem to have different behavior - one gets duplicated under --removeComments, the other doesn't
• Start with this repro: const jsx = <div>/*pre*/{x}/*post*/</div>;

[RyanCavanaugh]

Note that in const jsx = <div>/*pre*/{x}/*post*/</div>;, there are no comments - it's 100% text.

Also consider: Why don't we see the same problem in this example? It's almost 100% equivalent, yet we don't see bar duplicated

const p = `${foo}/*bar*/`;