fix: resolve framer-motion opacity 0 for asynchronously loaded questions

This commit is contained in:
Devesh S
2026-07-22 14:05:23 +05:30
parent 67d6849089
commit 3b8e9fa1ee

View File

@@ -281,6 +281,7 @@ export default function Community() {
</div> </div>
</div> </div>
{/* Search */} {/* Search */}
<div className="relative mb-6"> <div className="relative mb-6">
<Search className="absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400" /> <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> </div>
{/* Questions */} {/* Questions */}
<StaggerContainer className="flex flex-col gap-4"> <StaggerContainer key={filteredQuestions.length} className="flex flex-col gap-4">
{filteredQuestions.map((q, idx) => { {filteredQuestions.map((q, idx) => {
const isFeatured = idx === 0 && searchQuery === ''; const isFeatured = idx === 0 && searchQuery === '';
return ( return (