diff --git a/packages/redux-devtools-rtk-query-monitor/demo/src/components/ui/provider.tsx b/packages/redux-devtools-rtk-query-monitor/demo/src/components/ui/provider.tsx
index f3ade3af..a1e570bb 100644
--- a/packages/redux-devtools-rtk-query-monitor/demo/src/components/ui/provider.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/demo/src/components/ui/provider.tsx
@@ -2,12 +2,7 @@
 
 import React from 'react';
 import { ChakraProvider, defaultSystem } from '@chakra-ui/react';
-import { ColorModeProvider, type ColorModeProviderProps } from './color-mode';
 
-export function Provider(props: ColorModeProviderProps) {
-  return (
-    <ChakraProvider value={defaultSystem}>
-      <ColorModeProvider {...props} />
-    </ChakraProvider>
-  );
+export function Provider({ children }: { children: React.ReactNode }) {
+  return <ChakraProvider value={defaultSystem}>{children}</ChakraProvider>;
 }