1 files changed, 7 insertions, 4 deletions
diff --git a/src-migrate/modules/side-banner/index.tsx b/src-migrate/modules/side-banner/index.tsx
index 878b8e70..7bc5f394 100644
--- a/src-migrate/modules/side-banner/index.tsx
+++ b/src-migrate/modules/side-banner/index.tsx
@@ -5,12 +5,15 @@ import Image from "~/components/ui/image";;
 import { getBanner } from "~/services/banner";
 import { getRandomInt } from '@/utils/getRandomInt';
 
-const SideBanner = () => {
+interface SideBannerProps {
+  query?: string; // Menentukan bahwa 'query' adalah string (bisa undefined)
+}
+
+const SideBanner: React.FC<SideBannerProps> = ({ query }) => {
   const fetchSideBanner = useQuery({
-    queryKey: 'sideBanner',
-    queryFn: () => getBanner({ type: 'side-banner-search' })
+    queryKey: ["sideBanner", query],
+    queryFn: () => getBanner({ type: "side-banner-search", keyword: query }),
   });
-
   const length = useMemo(() => fetchSideBanner.data?.length, [fetchSideBanner.data]);
   const randomIndex = useMemo(() => getRandomInt(length), [length]);
   const banner = fetchSideBanner?.data?.[randomIndex] || false;