Troubleshooting Common Errors

Unterminated regular expression

While this may be caused by an actual unterminated regular expression, it can also happen when JSX-like syntax is malformed. Static text is plain JSX text; JavaScript expressions should use {braces}.

export function TextBrace() {
  return <>
    // ✔️ valid
    <p>Hello world!</p>

    // ❌ invalid - expression braces need a complete JavaScript expression
    // <p>{Hello world!}</p>
  </>;
}

Read more: Syntax

GitHub does not highlight .tsrx files

GitHub does not currently recognize .tsrx files as their own language, so source files may render without syntax highlighting. To opt into TSX highlighting on GitHub, add this rule to your repository's .gitattributes file:

*.tsrx linguist-language=TSX

This only changes how GitHub displays .tsrx files. It does not affect Ripple compilation, editor support, or local tooling.

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 function Bracey() {
  return <>
    // ✔️ valid
    <input />
    <img />
    <hr />
    <br />

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

Read more: Syntax