Ternary operator breaks syntax highlighting in tsx file

Does this issue occur when all extensions are disabled?: Yes

• VS Code Version: 1.84.2
• OS Version: Windows 11 build 22621

Steps to Reproduce:

1. Create a .tsx file
2. Paste this code

import { useState } from "react"
import './OS.css'
import Window from './Window'

const OS = () => {
    const [loaded, setLoaded] = useState(false);

    return (
        loaded ?
            <div id="OS">

            </div>
            :
            <div id="loading">
                <Window title="Starting Up">

                </Window>
            </div>
    )
}

export default OS

All editor features will be broken in the second half of the ternary operator. No tag closing, no indentation, and syntax highlighting is funky