Babel в React (плагин babel-transform-react-jsx)

@babel/plugin-transform-реагировать-jsx

test.jsx

const profile = (
  <div>
    <img src="avatar.png" className="profile" />
    <h3>{[user.firstName, user.lastName].join(' ')}</h3>
  </div>
);

попробуйте скомпилировать с помощью babel

babel test.jsx

с плагином @babel/plugin-transform-react-jsx в .babelrc

Установите @babel/plugin-transform-react-jsx

npm install @babel/core @babel/plugin-transform-react-jsx

Скомпилировать еще раз

babel test.jsx --out-file test.js 

const profile = React.createElement("div", null, React.createElement("img", {
  src: "avatar.png",
  className: "profile"
}), React.createElement("h3", null, [user.firstName, user.lastName].join(' ')));

с исходной картой

babel test.jsx --out-file test.js --source-maps