CEC-5367: wait for localstorage (#479)

src/components/Fleets/Status/Vehicles/Add/index.jsx

@@ -42,7 +42,7 @@ const MainForm = () => {
   const [redirect, setRedirect] = useState(null);
 
   const [vins, setVins] = useState([]);
-  const { payload, query, setQuery } = useQuery();
+  const { payload, query, setQuery, loading } = useQuery();
   const [selectedLogLevel, setSelectedLogLevel] = useState("info");
   const [canbusEnabled, setCANBusEnabled] = useState(true);
   const [dataLoggerEnabled, setDataLoggerEnabled] = useState(false);
@@ -146,7 +146,7 @@ const MainForm = () => {
       <form className={classes.form} noValidate action="{onSubmit}">
         <SearchField classes={classes} onSearch={handleSearch} savedSearchValue={query} />
         <VehicleProvider sx={{ height: "auto" }}>
-          <CarSelectionTable
+          {!loading && <CarSelectionTable
             classes={classes}
             token={token}
             multiSelect={true}
@@ -154,7 +154,7 @@ const MainForm = () => {
             selected={vins}
             onSelect={handleSelect}
             onSelectAll={handleSelectAll}
-          />
+          />}
         </VehicleProvider>
 
         <Box className={classes.fleetVehicleAddSubmit} sx={{ zIndex: 10 }}>