From 4adbc1dd7f5f0db6224a55f8cbe273e5aa419488 Mon Sep 17 00:00:00 2001
From: Tristan Timblin <ttimblin@fiskerinc.com>
Date: Mon, 6 Nov 2023 11:48:31 -0800
Subject: [PATCH] CEC-5367: wait for localstorage (#479)

---
 src/components/Fleets/Status/Vehicles/Add/index.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Fleets/Status/Vehicles/Add/index.jsx b/src/components/Fleets/Status/Vehicles/Add/index.jsx
index 85d9898..47818e4 100644
--- a/src/components/Fleets/Status/Vehicles/Add/index.jsx
+++ b/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 }}>