From 87d522f249a1443e48827d9eebcc2bc5f1f779a5 Mon Sep 17 00:00:00 2001
From: Romeu Maleiane <romeumaleiane1@gmail.com>
Date: Mon, 9 Feb 2026 00:21:17 +0200
Subject: [PATCH] add React.CSSProperties type annotation to SidebarProvider
 style example

---
 apps/v4/content/docs/components/base/sidebar.mdx  | 2 +-
 apps/v4/content/docs/components/radix/sidebar.mdx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/v4/content/docs/components/base/sidebar.mdx b/apps/v4/content/docs/components/base/sidebar.mdx
index 31545a50f6..5d513d3280 100644
--- a/apps/v4/content/docs/components/base/sidebar.mdx
+++ b/apps/v4/content/docs/components/base/sidebar.mdx
@@ -151,7 +151,7 @@ For multiple sidebars in your application, you can use the `--sidebar-width` and
   style={{
     "--sidebar-width": "20rem",
     "--sidebar-width-mobile": "20rem",
-  }}
+  } as React.CSSProperties}
 >
   <Sidebar />
 </SidebarProvider>
diff --git a/apps/v4/content/docs/components/radix/sidebar.mdx b/apps/v4/content/docs/components/radix/sidebar.mdx
index 14cd915945..fc708316d5 100644
--- a/apps/v4/content/docs/components/radix/sidebar.mdx
+++ b/apps/v4/content/docs/components/radix/sidebar.mdx
@@ -151,7 +151,7 @@ For multiple sidebars in your application, you can use the `--sidebar-width` and
   style={{
     "--sidebar-width": "20rem",
     "--sidebar-width-mobile": "20rem",
-  }}
+  } as React.CSSProperties}
 >
   <Sidebar />
 </SidebarProvider>