chore: apply changes after review

Author: Drakeoon

packages/ui/src/react/components/ui/accordion.tsx

@@ -6,7 +6,7 @@ import type { ComponentPropsWithoutRef, ComponentRef } from "react";
 import * as React from "react";
 import { cn } from "../../../lib/utils";
 
-const Accordion: React.FC<ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>> = AccordionPrimitive.Root;
+const Accordion = AccordionPrimitive.Root;
 
 const AccordionItem = React.forwardRef<
   ComponentRef<typeof AccordionPrimitive.Item>,

packages/ui/src/react/hooks/use-filtered-sorted-assets.ts

@@ -6,25 +6,19 @@ import { useDebouncedEffect } from "./use-debounced-effect";
 
 export function useFilteredSortedAssets() {
   const { balancesByChain } = useSwapKit();
-
-  // internal and public state required to support debouncing
   const [filters, setFilters] = useState<UseFilteredSortedAssetsFilters>({ searchQuery: "", selectedNetworks: [] });
-  const [internalFiltersState, setInternalFilterState] = useState(() => filters);
 
-  useDebouncedEffect(
-    () => {
-      setInternalFilterState(filters);
-    },
-    [filters],
-    500,
-  );
+  // internal state for handling debouncing
+  const [_internalFiltersState, _setInternalFilterState] = useState(() => filters);
+
+  useDebouncedEffect(() => _setInternalFilterState(filters), [filters], 500);
 
   const filteredAssets = useMemo(() => {
-    const filteredAssetsMap = filterAssetsMap({ assetsMap, filters: internalFiltersState });
+    const filteredAssetsMap = filterAssetsMap({ assetsMap, filters: _internalFiltersState });
 
     Array.from(balancesByChain.values())
       ?.flat()
-      .forEach(({ identifier, balance }) => {
+      ?.forEach(({ identifier, balance }) => {
         const matchingAsset = filteredAssetsMap.get(identifier);
 
         if (!matchingAsset) return;
@@ -34,8 +28,8 @@ export function useFilteredSortedAssets() {
 
     const assets = Array.from(filteredAssetsMap.values());
 
-    return sortAssets({ assets, filters: internalFiltersState });
-  }, [internalFiltersState, balancesByChain]);
+    return sortAssets({ assets, filters: _internalFiltersState });
+  }, [_internalFiltersState, balancesByChain]);
 
   return useMemo(() => ({ assets: filteredAssets, filters, setFilters }), [filters, filteredAssets]);
 }