how do I redirect/call an react API in a html page?

I did a calendar using FullCalendar.io API and want to call it in an html page, I put this in html page and doesnt work

<div class="app-calendar"></div>

 <script
 src="https://unpkg.com/react@16/umd/react.production.min.js"
 crossorigin
 ></script>
 <script
 src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"
 crossorigin
 ></script>

 <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

 <script type="text/babel" src="/src/App.tsx"></script>

 <script type="text/babel">
 ReactDOM.render(<App/>, document.querySelector(".app-calendar"));
 </script> 

My react is in a whole function called app, how can i call the entire function not just one method

my react fullcalendar code

https://codepen.io/ttlfimql-the-vuer/pen/GRdmOmj