TSX error location error with location and JSX comment #63358
Description
🔎 Search Terms
TSX JSX error location comments
🕗 Version & Regression Information
- This changed between versions 4.9.5 and 5.0.4.
In TS4 the error was created on the wrapping element instead, which prevents the issue occurring.
⏯ Playground Link
💻 Code
export class Component {
// Error message for {location} is shown on {/* */} instead
// Type 'Location' is not assignable to type 'ReactNode'.(2322)
content = () =>
<div>
{/* */}
{location}
<br />
</div>
// These similar versions are all fine
content2 = () =>
<div>
{/* */}
{x}
<br />
</div>
content3 = () =>
<div>
{location}
<br />
</div>
content4 = () =>
<div>
{/* */}
{location}
</div>
content5 = () =>
<div>
<br />
{location}
{/* */}
</div>
}🙁 Actual behavior
The red squiggly is shown on the {/* */} instead of {location} in the first example.
🙂 Expected behavior
The red squiggly should be shown on {location}.
Additional information about the issue
Just a minor issue.