Cast API return type

Author: Croway

ui/src/Pages/Resources/ResourcesPage.tsx

@@ -13,15 +13,15 @@ import { ResourceReference } from "../../models";
 import { useResources } from "../../hooks/api/use-resources";
 
 export const ResourcesPage: React.FC = () => {
-  const [fetchedData, setFetchedData] = useState<ResourceReference[] | string>(
+  const [fetchedData, setFetchedData] = useState<ResourceReference[]>(
     []
   );
   const [isLoading, setIsLoading] = useState(true);
   const { listResources } = useResources();
 
   useEffect(() => {
     listResources().then((result) => {
-      setFetchedData(result.data);
+      setFetchedData(result.data as ResourceReference[]);
       setIsLoading(false);
     });
   }, [listResources]);

ui/src/Pages/Tools/ToolsPage.tsx

@@ -12,7 +12,7 @@ import { ToolReference } from "../../models";
 import { ToolsTable } from "./ToolsTable";
 
 export const ToolsPage: React.FC = () => {
-  const [fetchedData, setFetchedData] = useState<ToolReference[] | string>([]);
+  const [fetchedData, setFetchedData] = useState<ToolReference[]>([]);
   const [isLoading, setIsLoading] = useState(true);
   const [isAddModalOpen, setIsAddModalOpen] = useState(false);
   const [isImportModalOpen, setIsImportModalOpen] = useState(false);
@@ -21,7 +21,7 @@ export const ToolsPage: React.FC = () => {
 
   useEffect(() => {
     listTools().then((result) => {
-      setFetchedData(result.data);
+      setFetchedData(result.data as ToolReference[]);
       setIsLoading(false);
     });
   }, [listTools]);
@@ -43,7 +43,7 @@ export const ToolsPage: React.FC = () => {
       setIsAddModalOpen(false);
       setErrorMessage(null);
       listTools().then((result) => {
-        setFetchedData(result.data);
+        setFetchedData(result.data as ToolReference[]);
       });
     } catch (error) {
       console.error("Error adding tool:", error);
@@ -64,15 +64,15 @@ export const ToolsPage: React.FC = () => {
     }
     setIsImportModalOpen(false);
     listTools().then((result) => {
-      setFetchedData(result.data);
+      setFetchedData(result.data as ToolReference[]);
     });
   };
 
   const handleDeleteTool = async (toolName?: string) => {
     try {
       await removeTool({ tool: toolName });
       listTools().then((result) => {
-        setFetchedData(result.data);
+        setFetchedData(result.data as ToolReference[]);
       });
     } catch (error) {
       console.error("Error deleting tool:", error);

ui/src/Pages/Tools/ToolsTable.tsx

@@ -14,7 +14,7 @@ import { FunctionComponent } from "react";
 import { ToolReference } from "../../models";
 
 interface ToolListProps {
-  fetchedData: ToolReference[] | string;
+  fetchedData: ToolReference[];
   onDelete: (toolName?: string) => void;
   onImport: () => void;
   onAdd: () => void;