fixes to get this to build using 'npm run build'

app/admin/products/_components/BulkBar.tsx

@@ -123,24 +123,26 @@ export function BulkBar(props: {
     runBulk(patch);
   };
 
-  const footer = useMemo(() => {
+  let footer: JSX.Element;
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  footer = useMemo(() => {
     return (
-      <div className="flex items-center justify-between gap-2">
-        <div className="text-sm text-white/60">
-          Selected: <span className="font-semibold text-white">{selectedCount}</span>
-        </div>
+        <div className="flex items-center justify-between gap-2">
+          <div className="text-sm text-white/60">
+            Selected: <span className="font-semibold text-white">{selectedCount}</span>
+          </div>
 
-        <button
-          className="rounded-md bg-emerald-600 px-3 py-2 text-sm font-semibold hover:bg-emerald-500 disabled:opacity-50"
-          disabled={disabled}
-          onClick={() => {
-            applyFieldChanges();
-            setOpen(false);
-          }}
-        >
-          Apply changes
-        </button>
-      </div>
+          <button
+              className="rounded-md bg-emerald-600 px-3 py-2 text-sm font-semibold hover:bg-emerald-500 disabled:opacity-50"
+              disabled={disabled}
+              onClick={() => {
+                applyFieldChanges();
+                setOpen(false);
+              }}
+          >
+            Apply changes
+          </button>
+        </div>
     );
   }, [applyFieldChanges, disabled, selectedCount]);