diff --git a/Resources/views/GraphiQL/index.html.twig b/Resources/views/GraphiQL/index.html.twig
index ada9714..d810bc2 100644
--- a/Resources/views/GraphiQL/index.html.twig
+++ b/Resources/views/GraphiQL/index.html.twig
@@ -13,9 +13,18 @@
     </style>
   <link href="https://unpkg.com/graphiql@{{ versions.graphiql }}/graphiql.css" rel="stylesheet">
   {% endblock style %}
-    <script src="https://unpkg.com/whatwg-fetch@{{ versions.fetch }}/fetch.js"></script>
-    <script src="https://unpkg.com/react@{{ versions.react }}/dist/react.min.js"></script>
-    <script src="https://unpkg.com/react-dom@{{ versions.react }}/dist/react-dom.min.js"></script>
+    {% if versions.fetch matches '/^[~^]?2/' %}
+      <script src="https://unpkg.com/whatwg-fetch@{{ versions.fetch }}/fetch.js"></script>
+    {% else %}
+      <script src="https://unpkg.com/whatwg-fetch@{{ versions.fetch }}/dist/fetch.umd.js"></script>
+    {% endif %}
+    {% if versions.react matches '/^[~^]?15/' %}
+      <script src="https://unpkg.com/react@{{ versions.react }}/dist/react.min.js"></script>
+      <script src="https://unpkg.com/react-dom@{{ versions.react }}/dist/react-dom.min.js"></script>
+    {% else %}
+      <script src="https://unpkg.com/react@{{ versions.react }}/umd/react.production.min.js"></script>
+      <script src="https://unpkg.com/react-dom@{{ versions.react }}/umd/react-dom.production.min.js"></script>
+    {% endif %}
     <script src="https://unpkg.com/graphiql@{{ versions.graphiql }}/graphiql.min.js"></script>
     <title>{% block title %}GraphiQL{% endblock title %}</title>
   {% endblock head %}