Troubleshooting Common Errors

Unterminated regular expression

While this may be caused by an actual unterminated regular expression, most of the time, it's caused by unquoted text in a template. Static text should be written as a direct double-quoted child; JavaScript expressions should use {braces}.

export component TextBrace() {
  // ✔️ valid
  <p>"Hello world!"</p>

  // ❌ invalid
  // <p>Hello world!</p>
}

Read more: Syntax

Unexpected token }. Did you mean } or {"}"}?

If you've verified that you don't have any unclosed braces and are still encountering this, check for any usage of void elements that aren't using JSX self-closing syntax.

export component Bracey() {
  // ✔️ valid
  <input />
  <img />
  <hr />
  <br />

  // ❌ invalid
  // <input>
  // <img>
  // <hr>
  // <br>
}

Read more: Syntax