diff --git a/main/templates/pages/adm_ruleset.html b/main/templates/pages/adm_ruleset.html
index c7d2963..66eb43f 100644
--- a/main/templates/pages/adm_ruleset.html
+++ b/main/templates/pages/adm_ruleset.html
@@ -11,8 +11,8 @@
 {% endblock %}
 
 {% block extra_scripts %}
-<script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin type="module"></script>
-<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin type="module"></script>
+<script src="{% static 'react/umd/react.development.js' %}" crossorigin></script>
+<script src="{% static 'react-dom/umd/react-dom.development.js' %}" crossorigin></script>
 <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
 {% endblock%}
diff --git a/static/main/js/control_page/control.js b/static/main/js/control_page/control.js
index 1b4afbb..e797dd9 100644
--- a/static/main/js/control_page/control.js
+++ b/static/main/js/control_page/control.js
@@ -1,7 +1,6 @@
 "use strict";
 
-import React from "react";
-import * as ReactDOM from "react-dom";
+let React = require('react')
 
 function head_checkbox() {
   let head_checkbox = document.getElementById("head-checkbox");