'React doesn't render but no errors in console

Trying to render a hello world but nothing is displayed on the page. There are no messages displayed in the console. What am I missing here? Thank you.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Hello World</title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react-dom.js"></script>
        <scriptt src="https://unpkg.com/@babel/standalone/babel.min.js."></script>
    </head>
    <body>
        <div id="app"></div>
        <!-- Signal to babel that we would like it to handle the execution of the JS inside this script tag -->
        <script type="text/babel">

            class App extends React.Component {
                render() {
                    return <h1>Hello from our app</h1>
                }
            }

            var mount = document.querySelector('#app');

            ReactDom.render(<App />, mount);
            
        </script>
    </body>
</html>

reactjs

Solution 1:^[1]

Your issue is that it is ReactDOM not ReactDom

class App extends React.Component {
  render() {
    return <h1>Hello from our app</h1>
  }
}

var mount = document.querySelector('#app');

ReactDOM.render(<App />, mount);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="app"></div>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	dukenicols

'React doesn't render but no errors in console

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]