diff --git a/src/app/(app)/filaments/_components/filament-form.tsx b/src/app/(app)/filaments/_components/filament-form.tsx
index 492fb9f..2854c47 100644
--- a/src/app/(app)/filaments/_components/filament-form.tsx
+++ b/src/app/(app)/filaments/_components/filament-form.tsx
@@ -80,6 +80,7 @@ export function FilamentForm({ filament, vendors, locations, onSuccess }: Filame
     },
   });
 
+  // eslint-disable-next-line react-hooks/incompatible-library -- RHF watch is safe here, used only for preview swatch
   const watchColorHex = form.watch("colorHex");
 
   function handleCatalogSelect(item: CatalogItem) {
diff --git a/src/app/(app)/paints/_components/paint-form.tsx b/src/app/(app)/paints/_components/paint-form.tsx
index c5866e0..ced058c 100644
--- a/src/app/(app)/paints/_components/paint-form.tsx
+++ b/src/app/(app)/paints/_components/paint-form.tsx
@@ -78,6 +78,7 @@ export function PaintForm({ paint, vendors, locations, onSuccess }: PaintFormPro
     },
   });
 
+  // eslint-disable-next-line react-hooks/incompatible-library -- RHF watch is safe here, used only for preview swatch
   const watchColorHex = form.watch("colorHex");
 
   function handleCatalogSelect(item: CatalogItem) {
diff --git a/src/app/(app)/resins/_components/resin-form.tsx b/src/app/(app)/resins/_components/resin-form.tsx
index c2fe20b..3f6e1cd 100644
--- a/src/app/(app)/resins/_components/resin-form.tsx
+++ b/src/app/(app)/resins/_components/resin-form.tsx
@@ -76,6 +76,7 @@ export function ResinForm({ resin, vendors, locations, onSuccess }: ResinFormPro
     },
   });
 
+  // eslint-disable-next-line react-hooks/incompatible-library -- RHF watch is safe here, used only for preview swatch
   const watchColorHex = form.watch("colorHex");
 
   function handleCatalogSelect(item: CatalogItem) {
diff --git a/src/app/(app)/vendors/_components/vendor-table.tsx b/src/app/(app)/vendors/_components/vendor-table.tsx
index cbaceeb..497c2c1 100644
--- a/src/app/(app)/vendors/_components/vendor-table.tsx
+++ b/src/app/(app)/vendors/_components/vendor-table.tsx
@@ -5,7 +5,7 @@ import { useRouter, usePathname, useSearchParams } from "next/navigation";
 import { Plus, Search } from "lucide-react";
 import { toast } from "sonner";
 import { useDataTable } from "@/hooks/use-data-table";
-import { useDebounce } from "@/hooks/use-debounce";
+// useDebounce reserved for future search debouncing
 import { getVendorColumns } from "./vendor-columns";
 import { VendorModal } from "./vendor-modal";
 import { deleteVendor, archiveVendor } from "../actions";
@@ -44,8 +44,6 @@ export function VendorTable({ data, pageCount, totalCount }: VendorTableProps) {
   const [deleteId, setDeleteId] = useState<string | null>(null);
 
   const [searchValue, setSearchValue] = useState(searchParams.get("search") ?? "");
-  const _debouncedSearch = useDebounce(searchValue, 300);
-
   // Update URL when search changes
   const updateSearch = (value: string) => {
     setSearchValue(value);
diff --git a/src/hooks/use-data-table.ts b/src/hooks/use-data-table.ts
index 0fb281a..5b0c4b7 100644
--- a/src/hooks/use-data-table.ts
+++ b/src/hooks/use-data-table.ts
@@ -59,6 +59,7 @@ export function useDataTable<TData>({
     [searchParams]
   );
 
+  // eslint-disable-next-line react-hooks/incompatible-library -- TanStack Table API is safe in this context
   const table = useReactTable({
     data,
     columns,