diff --git a/packages/vanilla/index.html b/packages/vanilla/index.html
index 9a55e297..905a8d07 100644
--- a/packages/vanilla/index.html
+++ b/packages/vanilla/index.html
@@ -91,12 +91,13 @@ <h1 class="f4 black tc">custom</h1>
     </article>
   </body>
   <script src="https://cdn.jsdelivr.net/npm/react-is@latest/umd/react-is.production.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/react@16/umd/react.production.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/react@latest/umd/react.production.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/react-dom@latest/umd/react-dom.production.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/styled-components@latest/dist/styled-components.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/@microlink/mql@latest/dist/mql.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/@microlink/mql@latest/lightweight/index.umd.js"></script>
   <!-- one line script! -->
-  <!-- <script src="https://cdn.jsdelivr.net/combine/npm/react@16/umd/react.production.min.js,npm/react-dom@16/umd/react-dom.production.min.js,npm/react-is@16/umd/react-is.production.min.js,npm/styled-components@5/dist/styled-components.min.js,npm/@microlink/mql@latest/dist/mql.min.js"></script> -->
+  <!-- <script src="https://cdn.jsdelivr.net/combine/npm/react-is@latest/umd/react-is.production.min.js,npm/react@latest/umd/react.production.min.js,npm/react-dom@latest/umd/react-dom.production.min.js,npm/styled-components@latest/dist/styled-components.min.js,npm/@microlink/mql@latest/lightweight/index.umd.js"></script> -->
+  <!-- <script src="https://cdn.jsdelivr.net/npm/@microlink/mql@latest/dist/mql.min.js"></script> -->
   <script src="./dist/microlink.min.js"></script>
   <script>
     document.addEventListener("DOMContentLoaded", function (event) {