diff --git a/.changeset/three-jokes-swim.md b/.changeset/three-jokes-swim.md
new file mode 100644
index 00000000000..dc425e82e50
--- /dev/null
+++ b/.changeset/three-jokes-swim.md
@@ -0,0 +1,5 @@
+---
+"@chakra-ui/react": minor
+---
+
+Remove `ChakraProvider.defaultProps` and move logic inside the component.
diff --git a/packages/react/src/chakra-provider.tsx b/packages/react/src/chakra-provider.tsx
index 7e8d072e8fd..aac1616cdd7 100644
--- a/packages/react/src/chakra-provider.tsx
+++ b/packages/react/src/chakra-provider.tsx
@@ -2,7 +2,7 @@ import {
   ChakraProvider as BaseChakraProvider,
   ChakraProviderProps as BaseChakraProviderProps,
 } from "@chakra-ui/provider"
-import { theme } from "@chakra-ui/theme"
+import { theme as defaultTheme } from "@chakra-ui/theme"
 import { ToastProvider, ToastProviderProps } from "@chakra-ui/toast"
 
 export interface ChakraProviderProps extends BaseChakraProviderProps {
@@ -14,17 +14,14 @@ export interface ChakraProviderProps extends BaseChakraProviderProps {
 
 export function ChakraProvider({
   children,
+  theme = defaultTheme,
   toastOptions,
   ...restProps
 }: ChakraProviderProps) {
   return (
-    <BaseChakraProvider {...restProps}>
+    <BaseChakraProvider theme={theme} {...restProps}>
       {children}
       <ToastProvider {...toastOptions} />
     </BaseChakraProvider>
   )
 }
-
-ChakraProvider.defaultProps = {
-  theme,
-}