src/components/Loading.tsx

@@ -1,15 +1,16 @@
 import React from "react";
 import { Button, Spinner } from "react-bootstrap";
 import { Grid } from "@material-ui/core";
+import {GridSize} from "@material-ui/core/Grid/Grid";
 
-const Loading = (props: { target?: string, gridSize?: number }) => {
+const Loading = (props: { target?: string, gridSize?: GridSize }) => {
   const { gridSize, target } = props;
   const title = target ? `Fetching ${target}` : "Connecting to Websocket";
   return (
     <Grid
       style={{ textAlign: "center", backgroundColor: "#000", color: "#fff" }}
+      lg={`${gridSize ? gridSize!! : '6'}`}
       item
-      lg={gridSize | 6}
     >
       <Button variant="warning" className="m-1 py-0 mr-2 mt-3">
         <Spinner animation="border" variant="dark" size="sm" className="mr-1" />