feat: add SuspenseFallback component

src/App.js

@@ -5,6 +5,7 @@ import AdminHome from "./AdminHome.js";
 import ErrorBoundary from "./ErrorBoundary.js";
 import Login from "./Login.js";
 import MatrixClientContext from "./MatrixClientContext";
+import SuspenseFallback from "./SuspenseFallback.js";
 
 import "./App.css";
 import "./User.css";
@@ -74,7 +75,7 @@ class App extends Component {
 
     render() {
         return (
-            <Suspense fallback={<div>Loading...</div>}>
+            <Suspense fallback={<SuspenseFallback />}>
                 <ErrorBoundary>
                     <MatrixClientContext.Provider value={this.state.client}>
                         {this.state.clientPrepared ? (

src/Login.js

@@ -6,7 +6,7 @@ import Form from "react-bootstrap/Form";
 import InputGroup from "react-bootstrap/InputGroup";
 import Spinner from "react-bootstrap/Spinner";
 
-import MatrixClientContext from "./MatrixClientContext"
+import MatrixClientContext from "./MatrixClientContext";
 
 import logo from "./images/logo.svg";
 

src/SuspenseFallback.js

@@ -0,0 +1,7 @@
+import React from "react";
+
+function SuspenseFallback() {
+    return <div>Loading...</div>;
+}
+
+export default SuspenseFallback;