Syntax Highlighting is broken for Fragments & components that start with valid Unicode characters

[Enteleform]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions

0.23

Steps to reproduce

Example 1

<>

  <Ḟoo class="Bar">
    Some Content
  </Ḟoo>

  <Foo class="Bar">
    Some Content
  </Foo>
  
</>

Example 2

<Ḟoo class="Bar">
  Some Content
</Ḟoo>

<Foo class="Bar">
  Some Content
</Foo>

Expected behavior

Syntax highlighting should match the built-in javascriptreact syntax when using:

• Fragments <></>
• Components that start with Valid Characters such as Ḟ

Actual behavior

Syntax highlighting is broken.

Runtime

Node v16

Package manager

yarn v1

OS

Windows

Build and bundle tools

Vite

[vicary]

Adding to the context, a simple double line-break will break the syntax highlighting.

It doesn't matter if it's a Fragment or a simple <p>, breaks in both cases.

Works	Doesn't Work

The same thing also happens within JSX syntax.

Works	Doesn't Work