diff --git a/dashboard/src/components/animation-provider.tsx b/dashboard/src/components/animation-provider.tsx
index 2a72ba1d..b9684a11 100644
--- a/dashboard/src/components/animation-provider.tsx
+++ b/dashboard/src/components/animation-provider.tsx
@@ -50,5 +50,5 @@ export function AnimationProvider({
     setEnableWavesBackground,
   }
 
-  return <AnimationContext.Provider value={value}>{children}</AnimationContext.Provider>
+  return <AnimationContext value={value}>{children}</AnimationContext>
 }
diff --git a/dashboard/src/components/asset-provider.tsx b/dashboard/src/components/asset-provider.tsx
index 203301c0..028e27e1 100644
--- a/dashboard/src/components/asset-provider.tsx
+++ b/dashboard/src/components/asset-provider.tsx
@@ -52,7 +52,7 @@ export function AssetStoreProvider({ children }: AssetStoreProviderProps) {
     }
   }, [])
 
-  return <AssetStoreContext.Provider value={value}>{children}</AssetStoreContext.Provider>
+  return <AssetStoreContext value={value}>{children}</AssetStoreContext>
 }
 
 export function useAssetStore() {
diff --git a/dashboard/src/components/theme-provider.tsx b/dashboard/src/components/theme-provider.tsx
index 79d65f02..2455a34e 100644
--- a/dashboard/src/components/theme-provider.tsx
+++ b/dashboard/src/components/theme-provider.tsx
@@ -90,8 +90,8 @@ export function ThemeProvider({
   )
 
   return (
-    <ThemeProviderContext.Provider value={value}>
+    <ThemeProviderContext value={value}>
       {children}
-    </ThemeProviderContext.Provider>
+    </ThemeProviderContext>
   )
 }
diff --git a/dashboard/src/components/tour/tour-provider.tsx b/dashboard/src/components/tour/tour-provider.tsx
index 673b5148..0d6d7e0b 100644
--- a/dashboard/src/components/tour/tour-provider.tsx
+++ b/dashboard/src/components/tour/tour-provider.tsx
@@ -153,7 +153,7 @@ export function TourProvider({ children }: { children: ReactNode }) {
   }, [])
 
   return (
-    <TourContext.Provider
+    <TourContext
       value={{
         state,
         tours,
@@ -172,6 +172,6 @@ export function TourProvider({ children }: { children: ReactNode }) {
       }}
     >
       {children}
-    </TourContext.Provider>
+    </TourContext>
   )
 }
diff --git a/dashboard/src/components/ui/chart.tsx b/dashboard/src/components/ui/chart.tsx
index c8f5252f..a50431ac 100644
--- a/dashboard/src/components/ui/chart.tsx
+++ b/dashboard/src/components/ui/chart.tsx
@@ -45,7 +45,7 @@ const ChartContainer = React.forwardRef<
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
 
   return (
-    <ChartContext.Provider value={{ config }}>
+    <ChartContext value={{ config }}>
       <div
         data-chart={chartId}
         ref={ref}
@@ -60,7 +60,7 @@ const ChartContainer = React.forwardRef<
           {children}
         </RechartsPrimitive.ResponsiveContainer>
       </div>
-    </ChartContext.Provider>
+    </ChartContext>
   )
 })
 ChartContainer.displayName = "Chart"
diff --git a/dashboard/src/lib/restart-context.tsx b/dashboard/src/lib/restart-context.tsx
index 53ef0d31..49c56757 100644
--- a/dashboard/src/lib/restart-context.tsx
+++ b/dashboard/src/lib/restart-context.tsx
@@ -310,9 +310,9 @@ export function RestartProvider({
   }
 
   return (
-    <RestartContext.Provider value={contextValue}>
+    <RestartContext value={contextValue}>
       {children}
-    </RestartContext.Provider>
+    </RestartContext>
   )
 }