diff --git a/frontend/src/Utilities/String/translate.js b/frontend/src/Utilities/String/translate.js
index 802824524..c2dd96291 100644
--- a/frontend/src/Utilities/String/translate.js
+++ b/frontend/src/Utilities/String/translate.js
@@ -11,8 +11,15 @@ function getTranslations() {
 let translations = {};
 
 export function fetchTranslations() {
-  return getTranslations().then((data) => {
-    translations = data.strings;
+  return new Promise(async(resolve) => {
+    try {
+      const data = await getTranslations();
+      translations = data.strings;
+
+      resolve(true);
+    } catch (error) {
+      resolve(false);
+    }
   });
 }
 
diff --git a/frontend/src/index.js b/frontend/src/index.js
index e9284a7de..6472914f4 100644
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
@@ -3,8 +3,8 @@ import React from 'react';
 import { render } from 'react-dom';
 import createAppStore from 'Store/createAppStore';
 import { fetchTranslations } from 'Utilities/String/translate';
-import App from './App/App';
 
+// import App from './App/App';
 import './preload';
 import './polyfills';
 import 'Diag/ConsoleApi';
@@ -13,14 +13,8 @@ import './index.css';
 
 const history = createBrowserHistory();
 const store = createAppStore(history);
-let hasTranslationsError = false;
-
-try {
-  await fetchTranslations();
-
-} catch (error) {
-  hasTranslationsError = true;
-}
+const hasTranslationsError = !await fetchTranslations();
+const { default: App } = await import('./App/App');
 
 render(
   <App