I’m new to react, I’m trying to make a page with two routers like the following:

 <script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>

    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
      
      
  <script src="https://unpkg.com/[email protected]/umd/react-router-dom.min.js" crossorigin></script>
   <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

   <div id="root" class="container p-5 m-5 "></div>

 <script  type="text/babel">
    
 
 function MyForm () {

return (
  <form>
    my formmmmmmmmm
 </form>
); 
 
} 

 
 </script>


<script  type="text/babel">
 function Result() {

   return (<b>result</b>) ;
} 
 
</script>

 <script type="text/babel">
  
  
  const { Link,BrowserRouter, Routes , Route,} = ReactRouterDOM; 
 
 
  function App(){
  
 
  return (
  
  
  <div className="row" >
  
  
  
  <div className="col-6 col-sm-4 bg-white mx-auto">
  
   
 
    <div className="row  bg-light my-1" >


   
    <div className="col-6 border-end">
     <Link to="#result"> Result  </Link>
     
    </div>
    
      <div className="col-6 ">
          <Link to="#MyForm"> MyForm </Link>
       
    </div>
     

    </div>
     
        <Routes>
         <Route path='#MyForm' component={<MyForm/>} />
         <Route path='#result' element={<Result/>} />
       </Routes>
       
      
      
    </div>

    
    </div>

     
 
  );
 
}
 
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
    root.render( 
     
   <BrowserRouter>
    <App />
   </BrowserRouter>
     
    );
    

 </script>

But I’m getting the following errors:

React.createElement: type is invalid — expected a string (for built-in components) or a class/function (for composite components) but got: undefined

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined

I searched a lot but couldn’t find anything useful. As you see , Element type is valid, because it is a function so it is also a component . They all are in the same html file.
Thank You