extract app load error handler from app.js

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

src/vector/app.js

@@ -151,33 +151,21 @@ export async function loadApp(fragParams: {}) {
 
     platform.startUpdater();
 
-    try {
-        // Don't bother loading the app until the config is verified
-        const config = await verifyServerConfig();
-        const MatrixChat = sdk.getComponent('structures.MatrixChat');
-        return <MatrixChat
-            onNewScreen={onNewScreen}
-            makeRegistrationUrl={makeRegistrationUrl}
-            ConferenceHandler={VectorConferenceHandler}
-            config={config}
-            realQueryParams={params}
-            startingFragmentQueryParams={fragParams}
-            enableGuest={!config.disable_guests}
-            onTokenLoginCompleted={onTokenLoginCompleted}
-            initialScreenAfterLogin={getScreenFromLocation(window.location)}
-            defaultDeviceDisplayName={platform.getDefaultDeviceDisplayName()}
-        />;
-    } catch (err) {
-        console.error(err);
-
-        let errorMessage = err.translatedMessage
-            || _t("Unexpected error preparing the app. See console for details.");
-        errorMessage = <span>{errorMessage}</span>;
-
-        // Like the compatibility page, AWOOOOOGA at the user
-        const GenericErrorPage = sdk.getComponent("structures.GenericErrorPage");
-        return <GenericErrorPage message={errorMessage} title={_t("Your Riot is misconfigured")} />;
-    }
+    // Don't bother loading the app until the config is verified
+    const config = await verifyServerConfig();
+    const MatrixChat = sdk.getComponent('structures.MatrixChat');
+    return <MatrixChat
+        onNewScreen={onNewScreen}
+        makeRegistrationUrl={makeRegistrationUrl}
+        ConferenceHandler={VectorConferenceHandler}
+        config={config}
+        realQueryParams={params}
+        startingFragmentQueryParams={fragParams}
+        enableGuest={!config.disable_guests}
+        onTokenLoginCompleted={onTokenLoginCompleted}
+        initialScreenAfterLogin={getScreenFromLocation(window.location)}
+        defaultDeviceDisplayName={platform.getDefaultDeviceDisplayName()}
+    />;
 }
 
 async function verifyServerConfig() {

src/vector/index.ts

@@ -21,6 +21,8 @@ limitations under the License.
 // Require common CSS here; this will make webpack process it into bundle.css.
 // Our own CSS (which is themed) is imported via separate webpack entry points
 // in webpack.config.js
+import React from "react";
+
 require('gfm.css/gfm.css');
 require('highlight.js/styles/github.css');
 
@@ -192,7 +194,10 @@ async function start() {
         await loadApp(fragparts.params);
     } catch (err) {
         console.error(err);
-        await showError(err);
+        // Like the compatibility page, AWOOOOOGA at the user
+        await showError(_t("Your Riot is misconfigured"), [
+            err.translatedMessage || _t("Unexpected error preparing the app. See console for details."),
+        ]);
     }
 }
 start().catch(err => {