Can JSX run without Babel?

I just learned to set up a React project from scratch. I just wonder why can JSX run without a transpiler (Babel)? Because before I though I should use Babel to running JSX in a browser. Here is my setup so far:

1. React 17.0.2
2. ReactDOM 17.0.2
3. Parcel

App.js

import React, { useState } from "react";
import ReactDOM from "react-dom";

const App = () => {
   const [name, setName] = useState("");

   function changeNameHandler(e) {
      setName(e.target.value);
   }

   return (
      <div>
         <input type="text" value={name} onChange={changeNameHandler} />
         <h1>Your name is {name}</h1>
      </div>
   );
 };

ReactDOM.render(React.createElement(App), document.getElementById("app"));