From 3564594a5146723e33207e6b083fa0e8d872b605 Mon Sep 17 00:00:00 2001
From: Prathik <s.prathik1745@gmail.com>
Date: Fri, 12 Jun 2026 18:42:28 +0530
Subject: [PATCH] fix: resolve hydration error caused by nested interactive
 elements

---
 modules/dashboard/components/dashboard-sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/modules/dashboard/components/dashboard-sidebar.tsx b/modules/dashboard/components/dashboard-sidebar.tsx
index e513a691..78ab89dd 100644
--- a/modules/dashboard/components/dashboard-sidebar.tsx
+++ b/modules/dashboard/components/dashboard-sidebar.tsx
@@ -174,7 +174,7 @@ export function DashboardSidebar({ initialPlaygroundData }: { initialPlaygroundD
 
             </SidebarMenu>
           </SidebarGroupContent>
-          <SidebarGroupAction title="Create new playground" className="hover:bg-muted/50 text-muted-foreground hover:text-foreground top-1 right-2 w-6 h-6">
+          <SidebarGroupAction asChild title="Create new playground" className="hover:bg-muted/50 text-muted-foreground hover:text-foreground top-1 right-2 w-6 h-6">
             <Link href="/dashboard">
               <FolderPlus className="h-3.5 w-3.5" />
             </Link>