From 7e3dbf86f07f9abcecd5c912c7dcf844aa4ab636 Mon Sep 17 00:00:00 2001
From: devvivekk <vivekbhardwajvk2202@gmail.com>
Date: Fri, 24 Jul 2026 12:34:32 +0530
Subject: [PATCH] Fix unnecessary rendering of tag filter component

---
 apps/web/src/components/oss-programs/TagFilter.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/oss-programs/TagFilter.tsx b/apps/web/src/components/oss-programs/TagFilter.tsx
index 85103b53..7607a126 100644
--- a/apps/web/src/components/oss-programs/TagFilter.tsx
+++ b/apps/web/src/components/oss-programs/TagFilter.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useRef, useEffect, useMemo } from "react";
+import { useState, useRef, useEffect, useMemo, memo } from "react";
 import { X, ChevronDown } from "lucide-react";
 
 interface TagFilterProps {
@@ -9,11 +9,11 @@ interface TagFilterProps {
   onTagsChange: (tags: string[]) => void;
 }
 
-export default function TagFilter({
+const TagFilter = ({
   tags,
   selectedTags,
   onTagsChange,
-}: TagFilterProps) {
+}: TagFilterProps) => {
   const [filterInput, setFilterInput] = useState("");
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const dropdownRef = useRef<HTMLDivElement>(null);
@@ -136,3 +136,5 @@ export default function TagFilter({
     </div>
   );
 }
+
+export default memo(TagFilter)
\ No newline at end of file