fix: fixed an illegal use of useContext

Author: YumoImer

src/context/config-provider.ts

@@ -16,10 +16,18 @@ export type GetConfigProviderContext = () => [React.Context<DefaultConfigConsume
 
 export function useMergedConfigContext(getConfigProviderContext?: GetConfigProviderContext) {
 
-  const [ConfigProviderContext = {}] = getConfigProviderContext?.() ?? [];
+  const [ConfigProviderContext] = getConfigProviderContext?.() ?? [];
 
-  return React.useContext({
-    ...DefaultConfigProviderContext,
-    ...ConfigProviderContext,
-  })
-}
+  const defaultContext = React.useContext(DefaultConfigProviderContext);
+
+  const context = React.useContext<DefaultConfigConsumerProps>(ConfigProviderContext);
+
+  const mergedContext = React.useMemo(() => {
+    return {
+      ...defaultContext,
+      ...context
+    };
+  }, [context, defaultContext]);
+
+  return mergedContext;
+}

src/context/theme-provider.ts

@@ -56,11 +56,19 @@ export function useMergedThemeContext<
     hashed: true,
   });
 
-  const [ThemeProviderContext = {}] = getThemeProviderContext?.() ?? [];
+  const [ThemeProviderContext] = getThemeProviderContext?.() ?? [];
 
-  return React.useContext({
-    ...DefaultThemeProviderContext,
-    ...ThemeProviderContext,
-  });
+  const defaultContext = React.useContext(DefaultThemeProviderContext);
+
+  const context = React.useContext(ThemeProviderContext);
+
+  const mergedContext = React.useMemo(() => {
+    return {
+      ...defaultContext,
+      ...context
+    };
+  }, [context, defaultContext]);
+
+  return mergedContext;
 }