Go through a pass

Author: rkoron007

final/client/src/index.tsx

@@ -49,10 +49,14 @@ function IsLoggedIn() {
   return data.isLoggedIn ? <Pages /> : <Login />;
 }
 
-const root = ReactDOM.createRoot(document.getElementById('root')!);
+// Find our rootElement or throw and error if it doesn't exist
+const rootElement = document.getElementById('root');
+if (!rootElement) throw new Error('Failed to find the root element');
+const root = ReactDOM.createRoot(rootElement);
 
 injectStyles();
 
+// Pass the ApolloClient instance to the ApolloProvider component
 root.render(
   <ApolloProvider client={client}>
     <IsLoggedIn />

start/client/src/index.tsx

@@ -10,11 +10,14 @@ import injectStyles from './styles';
 
 injectStyles();
 
-// Pass the ApolloClient instance to the ApolloProvider component
+// Find our rootElement or throw and error if it doesn't exist
+const rootElement = document.getElementById('root');
+if (!rootElement) throw new Error('Failed to find the root element');
+const root = ReactDOM.createRoot(rootElement);
 
-const root = ReactDOM.createRoot(document.getElementById("root")!);
+// Pass the ApolloClient instance to the ApolloProvider component;
 root.render(
   <ApolloProvider client={client}>
     <Pages />
   </ApolloProvider>,
-);
+);

start/client/src/pages/launches.tsx

@@ -1,4 +1,4 @@
-import React, { }  from 'react';
+import React from 'react';
 import { gql } from '@apollo/client'
 
 export const LAUNCH_TILE_DATA = gql`