React and Babel CDN links

index.html

    <!-- REACT LIBRARY -->
    <script src="https://unpkg.com/react@15.5.4/dist/react.js"></script>
    <!-- REACT DOM LIBRARY -->
    <script src="https://unpkg.com/react-dom@15.5.4/dist/react-dom.js"></script>
    <!-- BABEL LIBRARY -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>

<title>Document</title> <script src="https://unpkg.com/react@18.2.0/umd/react.production.min.js"></script> <script src="https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js"></script> <script src="https://unpkg.com/babel-standalone@6.26.0/babel.min.js"></script> <style> body { margin: 0; overflow: hidden; } </style>

<div id="app"></div>

<script type = "text/babel">

function App() {

<h1>HELLO WORLD</h1>
       
   };

   ReactDOM.render(<App/>, document.querySelector("#app"));

</script>

<script src="https://unpkg.com/react@18.2.0/umd/react.production.min.js"></script> <script src="https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js"></script> <script src="https://unpkg.com/babel-standalone@6.26.0/babel.min.js"></script> <

<script type="text/babel">

    class App extends React.component{
        rende(){
            return <h1>Hello World!</h1>
        }
    }

    ReactDOM.render(<App/>,document.getElementById("root"))

</script>

[How to import js file in react using online CDN?

thanks