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 not putting your DOM text nodes within expression {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