From 3b8e9fa1ee53a2f49cc3579c84e1a18cad93bf7b Mon Sep 17 00:00:00 2001
From: Devesh S <deveshdhanush73@gmail.com.com>
Date: Wed, 22 Jul 2026 14:05:23 +0530
Subject: [PATCH] fix: resolve framer-motion opacity 0 for asynchronously
 loaded questions

---
 src/pages/Community/Community.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/Community/Community.tsx b/src/pages/Community/Community.tsx
index 0eb8b3e..916dc40 100644
--- a/src/pages/Community/Community.tsx
+++ b/src/pages/Community/Community.tsx
@@ -281,6 +281,7 @@ export default function Community() {
                     </div>
                   </div>
 
+
                   {/* Search */}
                   <div className="relative mb-6">
                     <Search className="absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400" />
@@ -295,7 +296,7 @@ export default function Community() {
                   </div>
 
                   {/* Questions */}
-                  <StaggerContainer className="flex flex-col gap-4">
+                  <StaggerContainer key={filteredQuestions.length} className="flex flex-col gap-4">
                     {filteredQuestions.map((q, idx) => {
                       const isFeatured = idx === 0 && searchQuery === '';
                       return (