diff --git a/barkmanui/src/features/inventory/InventoryList.tsx b/barkmanui/src/features/inventory/InventoryList.tsx
index 764293f..5a6054c 100644
--- a/barkmanui/src/features/inventory/InventoryList.tsx
+++ b/barkmanui/src/features/inventory/InventoryList.tsx
@@ -3,11 +3,16 @@ import BarkButton from "../../common/components/BarkButton.tsx";
 import {Link, NavLink} from "react-router";
 import useInventoryList from "./hooks/useInventoryList.tsx";
 
+
 function InventoryList() {
 
-    const data = useInventoryList();
+    const rawData  = useInventoryList();
 
+    if (rawData.isPending) return 'Loading...'
 
+    if (rawData.error) return 'An error has occurred: ' + rawData.error.message
+
+    const data = rawData.data
 
     return (
         <>
@@ -25,7 +30,6 @@ function InventoryList() {
                 <NavLink to={'/inventory/addItem'}><BarkButton>Add Item</BarkButton></NavLink>
             </Flex>
 
-
             <Table striped>
             <Table.Thead>
                 <Table.Tr>