리액트 시작하기 부분에서 계속 막히네요 코드는 제대로 입력한거같은... - 인프런

<html>
    <head>
        <title>이규정의 블로그</title>
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <h1>이규정의 블로그에 오신 여러분을 환영합니다!</h1>

        <div id="root"></div>

        <!-- 리액트 가져오기 -->
        <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
        <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>

        <!-- 리액트 컴포넌트 가져오기 -->
        <script src="MyButton.js"></script>
    </body>
</html>

function MyButton(props) {
    const [isClicked, setIsClicked] = React.useState(false);

    return React.createElement(
        'button',
        { onClick: () => setIsClicked(true) },
        isClicked ? 'Clicked!' : 'Click here'
    )
}

const domContainer = document.querySelector('#root');
ReactDom.render(React.createElement(MyButton), domContainer);

무엇이 문제인지 봐주시면 감사드리겠습니다.

인프런 커뮤니티 질문&답변

리액트 시작하기 부분에서 계속 막히네요 코드는 제대로 입력한거같은데 버튼이 생성이 안되고있습니다.