codesandbox / codesandbox/codesandbox-client

JSX Syntax Highlighting - Nullish Coalescing Operator breaks highlighting

Open
#5,587 4 comments 2 reactions 1 assignee View on GitHub

@CompuIves is already working on this.

Since Mar 22, 2021.

VS Code
Dominant language
JavaScript
Stars
13.6k
Forks
2.4k
Avg merge
6d 19h
Merged PRs (30d)
2

Description

🐛 bug report

Preflight Checklist

  • I have read the
    Contributing Guidelines
    for this project.
  • I agree to follow the
    Code of Conduct
    that this project adheres to.
  • I have searched the issue tracker for an issue that matches the one I want
    to file, without success.

Description of the problem

JSX syntax highlighting is broken following the use of the the Nullish Coalescing Operator (??).

How has this issue affected you? What are you trying to accomplish?

To Reproduce

Use the Nullish Coalescing Operator in an arrow function in a JSX file. Code following will have broken syntax highlighting.
Screenshot

See https://github.com/zvodd/ReactDemo-EditableTexts/tree/main/ for repo, or...

Link to sandbox: https://codesandbox.io/s/agitated-shockley-9oxb0?file=/src/App.js
Your Environment
Software Name/Version
Сodesandbox ?? / Live [15-Mar-2021]
Browser Chrome 89.0.4389.82
Operating System Windows 10 AMD64

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.