I think you misunderstood what is JSX.
From the React doc:
const element = <h1>Hello, world!</h1>;
This funny tag syntax is neither a string nor HTML…It is called JSX.
In other words, JSX is like HTML. It’s easier to write code instead of pure Javascript:
const element = React.createElement(
'h1',
'Hello, world!'
);
solved What are the advantages of using JSX in React?