JSX - Nested objects inside props

[kevinalexandermanson]

Information

• Language: JSX
• Plugins: None

Description
Nested objects inside attributes/props in JSX seems to break the syntax highlighting. Based on reading some other issues it seems like maybe this is not something that would be supported, but thought I would just confirm that this is the case.

Code snippet

The code being highlighted incorrectly.

<Component one={{ two: { three: {} } }} />

Screenshot

Expected (without the 3rd level of nesting)

[RunDevelopment]

This is one of the core limitations of Prism being a regex-based: we can't do nested structures. We usually work around this by supporting some number of levels of nestedness but it seems like you found out how many levels we support ;).

Unfortunately, this isn't something we can (easily) fix.

We already have a similar issue, so I'll close this as a duplicate.

Duplicate of #1548