I am having to call my react component as component.Component, like below. Also to note, the first part is the file name. If the rename the file, I have to say (newFileName.LikeButton).

instead of

ReactDOM.render(React.createElement(LikeButton) , domContainer);

Any idea how I can resolve this? Here is my setup. My babel.config.json

{
    "presets": ["@babel/preset-react", "@babel/preset-env" ],
    "plugins": [ "@babel/plugin-transform-modules-umd" ]
}

my react component in likeButton.jsx

export class LikeButton extends React.Component {
  constructor(props) {
    super(props);
    this.state = { liked: false };
  }
 
  render() {
    if (this.state.liked) {
      return 'You liked this.';
    }

    return (<button onClick={() => this.setState({ liked: true }) }>
        Like
      </button>
      );
  }
}