diff --git a/index-dev.html b/index-dev.html
index 8445f47..645c59b 100644
--- a/index-dev.html
+++ b/index-dev.html
@@ -1,48 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
<title>Cost Calculator</title>
<link rel="icon" href="./icon/costcalc.png">
<!-- Load React. -->
<!-- Note: when deploying, replace "development.js" with "production.min.js". -->
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.0/JSXTransformer.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.24.3/babel.js"></script>
<!--Load Bootstrap-->
<script src="js/jquery-3.3.1.js"></script>
<script src="js/bootstrap.bundle.js"></script>
<!--Load money.js-->
<script src="js/money.js"></script>
<!--Load Cost calc engine-->
<link rel="stylesheet" href="css/costcalc.css">
<script type="text/jsx" src="js/costcalc_export.jsx"></script>
<script type="text/jsx" src="js/costcalc_money.jsx"></script>
<script type="text/jsx" src="js/costcalc_stats.jsx"></script>
<script type="text/jsx" src="js/costcalc_main.jsx"></script>
<!--Load cost calc data-->
<script src="js/data.js"></script>
</head>
<body>
<div id="root">
<!-- This div's content will be managed by React. -->
</div>
</body>
</html>