Add explicit type declaration to ChakraProvider.defaultProps (#6464)

* fix(chakra-provider): ensure typed declaration for `ChakraProvider.defaultProps`

* docs: update changesets

* refactor: move logic for default theme inside `ChakraProvider` component

* docs: revise changeset

* refactor: code

Co-authored-by: Segun Adebayo <joseshegs@gmail.com>

.changeset/three-jokes-swim.md

@@ -0,0 +1,5 @@
+---
+"@chakra-ui/react": minor
+---
+
+Remove `ChakraProvider.defaultProps` and move logic inside the component.

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,
-}