Incorrect syntax highlighting in tsx when using conditional values
Here's an example:
As you can see, only the part before the colon is properly highlighted. The tsx that follows is just grey. I'm not sure what this is called — if there's a better name for it than "conditional value" let me know and/or update the title.
Code used for reproduction:
export default function Layout({ children, onboarding }) {
return (
<div>
{onboarding ? (
<>
<p>Start</p>
</>
) : (
<>
<p>Panel</p>
</>
)}
</div>
);