Why can't browsers read JSX directly?

Browsers only understand standard JavaScript. JSX is not valid JavaScript syntax, so it must be transpiled into React.createElement calls by a tool such as Babel before the browser can execute it.