@module-federation/bridge-react 0.0.0-next-20241218082038 → 0.0.0-next-20241224035007

package/CHANGELOG.md

@@ -1,12 +1,12 @@
 # @module-federation/bridge-react
 
-## 0.0.0-next-20241218082038
+## 0.0.0-next-20241224035007
 
 ### Patch Changes
 
-- Updated dependencies [b7905dc]
-  - @module-federation/sdk@0.0.0-next-20241218082038
-  - @module-federation/bridge-shared@0.0.0-next-20241218082038
+- 85e7482: fix(bridge-react): change all logs from info to debug in all bridge packages
+  - @module-federation/sdk@0.0.0-next-20241224035007
+  - @module-federation/bridge-shared@0.0.0-next-20241224035007
 
 ## 0.8.5
 

package/dist/index.cjs.js

@@ -98,7 +98,7 @@ class ErrorBoundary extends React.Component {
         childToRender = fallbackRender(props);
       } else if (FallbackComponent) {
         childToRender = React.createElement(FallbackComponent, props);
-      } else if (fallback === null || React.isValidElement(fallback)) {
+      } else if (fallback !== void 0) {
         childToRender = fallback;
       } else {
         throw error;
@@ -124,7 +124,7 @@ function e() {
 }
 const RemoteAppWrapper = React.forwardRef(function(props, ref) {
   const RemoteApp2 = () => {
-    context.LoggerInstance.log(`RemoteAppWrapper RemoteApp props >>>`, { props });
+    context.LoggerInstance.debug(`RemoteAppWrapper RemoteApp props >>>`, { props });
     const {
       moduleName,
       memoryRoute,
@@ -139,7 +139,7 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
     const rootRef = ref && "current" in ref ? ref : React.useRef(null);
     const renderDom = React.useRef(null);
     const providerInfoRef = React.useRef(null);
-    context.LoggerInstance.log(`RemoteAppWrapper instance from props >>>`, instance);
+    context.LoggerInstance.debug(`RemoteAppWrapper instance from props >>>`, instance);
     React.useEffect(() => {
       const renderTimeout = setTimeout(() => {
         var _a, _b, _c, _d, _e, _f;
@@ -154,11 +154,11 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
           ...resProps
         };
         renderDom.current = rootRef.current;
-        context.LoggerInstance.log(
+        context.LoggerInstance.debug(
           `createRemoteComponent LazyComponent render >>>`,
           renderProps
         );
-        context.LoggerInstance.log(
+        context.LoggerInstance.debug(
           `createRemoteComponent LazyComponent hostInstance >>>`,
           instance
         );
@@ -174,7 +174,7 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
         setTimeout(() => {
           var _a, _b, _c, _d, _e, _f, _g, _h;
           if ((_a = providerInfoRef.current) == null ? void 0 : _a.destroy) {
-            context.LoggerInstance.log(
+            context.LoggerInstance.debug(
               `createRemoteComponent LazyComponent destroy >>>`,
               { moduleName, basename, dom: renderDom.current }
             );
@@ -254,7 +254,7 @@ function withRouterData(WrappedComponent) {
         }
       }
     }
-    context.LoggerInstance.log(`createRemoteComponent withRouterData >>>`, {
+    context.LoggerInstance.debug(`createRemoteComponent withRouterData >>>`, {
       ...props,
       basename,
       routerContextVal,
@@ -265,10 +265,13 @@ function withRouterData(WrappedComponent) {
       const [pathname, setPathname] = React.useState(location.pathname);
       React.useEffect(() => {
         if (pathname !== "" && pathname !== location.pathname) {
-          context.LoggerInstance.log(`createRemoteComponent dispatchPopstateEnv >>>`, {
-            name: props.name,
-            pathname: location.pathname
-          });
+          context.LoggerInstance.debug(
+            `createRemoteComponent dispatchPopstateEnv >>>`,
+            {
+              name: props.name,
+              pathname: location.pathname
+            }
+          );
           e();
         }
         setPathname(location.pathname);
@@ -284,14 +287,14 @@ const RemoteApp = withRouterData(RemoteAppWrapper);
 function createLazyRemoteComponent(info) {
   const exportName = (info == null ? void 0 : info.export) || "default";
   return React.lazy(async () => {
-    context.LoggerInstance.log(`createRemoteComponent LazyComponent create >>>`, {
+    context.LoggerInstance.debug(`createRemoteComponent LazyComponent create >>>`, {
       lazyComponent: info.loader,
       exportName
     });
     try {
       const m2 = await info.loader();
       const moduleName = m2 && m2[Symbol.for("mf_module_id")];
-      context.LoggerInstance.log(
+      context.LoggerInstance.debug(
         `createRemoteComponent LazyComponent loadRemote info >>>`,
         { name: moduleName, module: m2, exportName }
       );
@@ -314,7 +317,7 @@ function createLazyRemoteComponent(info) {
           default: RemoteAppComponent
         };
       } else {
-        context.LoggerInstance.log(
+        context.LoggerInstance.debug(
           `createRemoteComponent LazyComponent module not found >>>`,
           { name: moduleName, module: m2, exportName }
         );
@@ -365,7 +368,7 @@ function createBridgeComponent(bridgeInfo) {
   return () => {
     const rootMap = /* @__PURE__ */ new Map();
     const instance = plugin.federationRuntime.instance;
-    context.LoggerInstance.log(
+    context.LoggerInstance.debug(
       `createBridgeComponent instance from props >>>`,
       instance
     );
@@ -384,7 +387,7 @@ function createBridgeComponent(bridgeInfo) {
     return {
       async render(info) {
         var _a, _b, _c, _d, _e, _f;
-        context.LoggerInstance.log(`createBridgeComponent render Info`, info);
+        context.LoggerInstance.debug(`createBridgeComponent render Info`, info);
         const {
           moduleName,
           dom,
@@ -426,7 +429,7 @@ function createBridgeComponent(bridgeInfo) {
       },
       async destroy(info) {
         var _a, _b, _c, _d, _e, _f;
-        context.LoggerInstance.log(`createBridgeComponent destroy Info`, {
+        context.LoggerInstance.debug(`createBridgeComponent destroy Info`, {
           dom: info.dom
         });
         (_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeDestroy) == null ? void 0 : _c.emit(info);

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React__default, { createContext, Component, createElement, isValidElement, forwardRef, useRef, useEffect, useContext, useState } from "react";
+import React__default, { createContext, Component, createElement, forwardRef, useRef, useEffect, useContext, useState } from "react";
 import { L as LoggerInstance, g as getRootDomDefaultClassName, p as pathJoin, a as atLeastReact18, R as RouterContext } from "./context-CUbFnlO5.js";
 import * as ReactRouterDOM from "react-router-dom";
 import { federationRuntime } from "./plugin.es.js";
@@ -79,7 +79,7 @@ class ErrorBoundary extends Component {
         childToRender = fallbackRender(props);
       } else if (FallbackComponent) {
         childToRender = createElement(FallbackComponent, props);
-      } else if (fallback === null || isValidElement(fallback)) {
+      } else if (fallback !== void 0) {
         childToRender = fallback;
       } else {
         throw error;
@@ -105,7 +105,7 @@ function e() {
 }
 const RemoteAppWrapper = forwardRef(function(props, ref) {
   const RemoteApp2 = () => {
-    LoggerInstance.log(`RemoteAppWrapper RemoteApp props >>>`, { props });
+    LoggerInstance.debug(`RemoteAppWrapper RemoteApp props >>>`, { props });
     const {
       moduleName,
       memoryRoute,
@@ -120,7 +120,7 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
     const rootRef = ref && "current" in ref ? ref : useRef(null);
     const renderDom = useRef(null);
     const providerInfoRef = useRef(null);
-    LoggerInstance.log(`RemoteAppWrapper instance from props >>>`, instance);
+    LoggerInstance.debug(`RemoteAppWrapper instance from props >>>`, instance);
     useEffect(() => {
       const renderTimeout = setTimeout(() => {
         var _a, _b, _c, _d, _e, _f;
@@ -135,11 +135,11 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
           ...resProps
         };
         renderDom.current = rootRef.current;
-        LoggerInstance.log(
+        LoggerInstance.debug(
           `createRemoteComponent LazyComponent render >>>`,
           renderProps
         );
-        LoggerInstance.log(
+        LoggerInstance.debug(
           `createRemoteComponent LazyComponent hostInstance >>>`,
           instance
         );
@@ -155,7 +155,7 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
         setTimeout(() => {
           var _a, _b, _c, _d, _e, _f, _g, _h;
           if ((_a = providerInfoRef.current) == null ? void 0 : _a.destroy) {
-            LoggerInstance.log(
+            LoggerInstance.debug(
               `createRemoteComponent LazyComponent destroy >>>`,
               { moduleName, basename, dom: renderDom.current }
             );
@@ -235,7 +235,7 @@ function withRouterData(WrappedComponent) {
         }
       }
     }
-    LoggerInstance.log(`createRemoteComponent withRouterData >>>`, {
+    LoggerInstance.debug(`createRemoteComponent withRouterData >>>`, {
       ...props,
       basename,
       routerContextVal,
@@ -246,10 +246,13 @@ function withRouterData(WrappedComponent) {
       const [pathname, setPathname] = useState(location.pathname);
       useEffect(() => {
         if (pathname !== "" && pathname !== location.pathname) {
-          LoggerInstance.log(`createRemoteComponent dispatchPopstateEnv >>>`, {
-            name: props.name,
-            pathname: location.pathname
-          });
+          LoggerInstance.debug(
+            `createRemoteComponent dispatchPopstateEnv >>>`,
+            {
+              name: props.name,
+              pathname: location.pathname
+            }
+          );
           e();
         }
         setPathname(location.pathname);
@@ -265,14 +268,14 @@ const RemoteApp = withRouterData(RemoteAppWrapper);
 function createLazyRemoteComponent(info) {
   const exportName = (info == null ? void 0 : info.export) || "default";
   return React__default.lazy(async () => {
-    LoggerInstance.log(`createRemoteComponent LazyComponent create >>>`, {
+    LoggerInstance.debug(`createRemoteComponent LazyComponent create >>>`, {
       lazyComponent: info.loader,
       exportName
     });
     try {
       const m2 = await info.loader();
       const moduleName = m2 && m2[Symbol.for("mf_module_id")];
-      LoggerInstance.log(
+      LoggerInstance.debug(
         `createRemoteComponent LazyComponent loadRemote info >>>`,
         { name: moduleName, module: m2, exportName }
       );
@@ -295,7 +298,7 @@ function createLazyRemoteComponent(info) {
           default: RemoteAppComponent
         };
       } else {
-        LoggerInstance.log(
+        LoggerInstance.debug(
           `createRemoteComponent LazyComponent module not found >>>`,
           { name: moduleName, module: m2, exportName }
         );
@@ -346,7 +349,7 @@ function createBridgeComponent(bridgeInfo) {
   return () => {
     const rootMap = /* @__PURE__ */ new Map();
     const instance = federationRuntime.instance;
-    LoggerInstance.log(
+    LoggerInstance.debug(
       `createBridgeComponent instance from props >>>`,
       instance
     );
@@ -365,7 +368,7 @@ function createBridgeComponent(bridgeInfo) {
     return {
       async render(info) {
         var _a, _b, _c, _d, _e, _f;
-        LoggerInstance.log(`createBridgeComponent render Info`, info);
+        LoggerInstance.debug(`createBridgeComponent render Info`, info);
         const {
           moduleName,
           dom,
@@ -407,7 +410,7 @@ function createBridgeComponent(bridgeInfo) {
       },
       async destroy(info) {
         var _a, _b, _c, _d, _e, _f;
-        LoggerInstance.log(`createBridgeComponent destroy Info`, {
+        LoggerInstance.debug(`createBridgeComponent destroy Info`, {
           dom: info.dom
         });
         (_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeDestroy) == null ? void 0 : _c.emit(info);

package/dist/router-v5.cjs.js

@@ -24,7 +24,7 @@ const ReactRouterDom__namespace = /* @__PURE__ */ _interopNamespaceDefault(React
 function WraperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = React.useContext(context.RouterContext) || {};
-  context.LoggerInstance.log(`WraperRouter info >>>`, {
+  context.LoggerInstance.debug(`WraperRouter info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WraperRouterProps: props

package/dist/router-v5.es.js

@@ -5,7 +5,7 @@ export * from "react-router-dom/index.js";
 function WraperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
-  LoggerInstance.log(`WraperRouter info >>>`, {
+  LoggerInstance.debug(`WraperRouter info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WraperRouterProps: props

package/dist/router-v6.cjs.js

@@ -24,7 +24,7 @@ const ReactRouterDom__namespace = /* @__PURE__ */ _interopNamespaceDefault(React
 function WraperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = React.useContext(context.RouterContext) || {};
-  context.LoggerInstance.log(`WraperRouter info >>>`, {
+  context.LoggerInstance.debug(`WraperRouter info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WraperRouterProps: props
@@ -50,7 +50,7 @@ function WraperRouterProvider(props) {
   const { router, ...propsRes } = props;
   const routerContextProps = React.useContext(context.RouterContext) || {};
   const routers = router.routes;
-  context.LoggerInstance.log(`WraperRouterProvider info >>>`, {
+  context.LoggerInstance.debug(`WraperRouterProvider info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WraperRouterProviderProps: props,

package/dist/router-v6.es.js

@@ -5,7 +5,7 @@ export * from "react-router-dom/dist/index.js";
 function WraperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
-  LoggerInstance.log(`WraperRouter info >>>`, {
+  LoggerInstance.debug(`WraperRouter info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WraperRouterProps: props
@@ -31,7 +31,7 @@ function WraperRouterProvider(props) {
   const { router, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
   const routers = router.routes;
-  LoggerInstance.log(`WraperRouterProvider info >>>`, {
+  LoggerInstance.debug(`WraperRouterProvider info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WraperRouterProviderProps: props,

package/dist/router.cjs.js

@@ -23,7 +23,7 @@ const ReactRouterDom__namespace = /* @__PURE__ */ _interopNamespaceDefault(React
 function WrapperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = React.useContext(context.RouterContext) || {};
-  context.LoggerInstance.log(`WrapperRouter info >>>`, {
+  context.LoggerInstance.debug(`WrapperRouter info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WrapperRouterProps: props
@@ -49,7 +49,7 @@ function WrapperRouterProvider(props) {
   const { router, ...propsRes } = props;
   const routerContextProps = React.useContext(context.RouterContext) || {};
   const routers = router.routes;
-  context.LoggerInstance.log(`WrapperRouterProvider info >>>`, {
+  context.LoggerInstance.debug(`WrapperRouterProvider info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WrapperRouterProviderProps: props,

package/dist/router.es.js

@@ -5,7 +5,7 @@ import { R as RouterContext, L as LoggerInstance } from "./context-CUbFnlO5.js";
 function WrapperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
-  LoggerInstance.log(`WrapperRouter info >>>`, {
+  LoggerInstance.debug(`WrapperRouter info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WrapperRouterProps: props
@@ -31,7 +31,7 @@ function WrapperRouterProvider(props) {
   const { router, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
   const routers = router.routes;
-  LoggerInstance.log(`WrapperRouterProvider info >>>`, {
+  LoggerInstance.debug(`WrapperRouterProvider info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WrapperRouterProviderProps: props,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "0.0.0-next-20241218082038",
+  "version": "0.0.0-next-20241224035007",
   "publishConfig": {
     "access": "public"
   },
@@ -45,9 +45,9 @@
   },
   "dependencies": {
     "@loadable/component": "^5.16.4",
-    "react-error-boundary": "^4.0.13",
-    "@module-federation/bridge-shared": "0.0.0-next-20241218082038",
-    "@module-federation/sdk": "0.0.0-next-20241218082038"
+    "react-error-boundary": "^4.1.2",
+    "@module-federation/bridge-shared": "0.0.0-next-20241224035007",
+    "@module-federation/sdk": "0.0.0-next-20241224035007"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -68,7 +68,7 @@
     "typescript": "^5.2.2",
     "vite": "^5.2.14",
     "vite-plugin-dts": "^4.3.0",
-    "@module-federation/runtime": "0.0.0-next-20241218082038"
+    "@module-federation/runtime": "0.0.0-next-20241224035007"
   },
   "scripts": {
     "dev": "vite",

package/src/create.tsx

@@ -30,7 +30,7 @@ function createLazyRemoteComponent<T, E extends keyof T>(
 ) {
   const exportName = info?.export || 'default';
   return React.lazy(async () => {
-    LoggerInstance.log(`createRemoteComponent LazyComponent create >>>`, {
+    LoggerInstance.debug(`createRemoteComponent LazyComponent create >>>`, {
       lazyComponent: info.loader,
       exportName,
     });
@@ -39,7 +39,7 @@ function createLazyRemoteComponent<T, E extends keyof T>(
       const m = (await info.loader()) as RemoteModule;
       // @ts-ignore
       const moduleName = m && m[Symbol.for('mf_module_id')];
-      LoggerInstance.log(
+      LoggerInstance.debug(
         `createRemoteComponent LazyComponent loadRemote info >>>`,
         { name: moduleName, module: m, exportName },
       );
@@ -71,7 +71,7 @@ function createLazyRemoteComponent<T, E extends keyof T>(
           default: RemoteAppComponent,
         };
       } else {
-        LoggerInstance.log(
+        LoggerInstance.debug(
           `createRemoteComponent LazyComponent module not found >>>`,
           { name: moduleName, module: m, exportName },
         );

package/src/provider.tsx

@@ -32,7 +32,7 @@ export function createBridgeComponent<T>(bridgeInfo: ProviderFnParams<T>) {
   return () => {
     const rootMap = new Map<any, RootType>();
     const instance = federationRuntime.instance;
-    LoggerInstance.log(
+    LoggerInstance.debug(
       `createBridgeComponent instance from props >>>`,
       instance,
     );
@@ -53,7 +53,7 @@ export function createBridgeComponent<T>(bridgeInfo: ProviderFnParams<T>) {
 
     return {
       async render(info: RenderParams) {
-        LoggerInstance.log(`createBridgeComponent render Info`, info);
+        LoggerInstance.debug(`createBridgeComponent render Info`, info);
         const {
           moduleName,
           dom,
@@ -102,7 +102,7 @@ export function createBridgeComponent<T>(bridgeInfo: ProviderFnParams<T>) {
       },
 
       async destroy(info: DestroyParams) {
-        LoggerInstance.log(`createBridgeComponent destroy Info`, {
+        LoggerInstance.debug(`createBridgeComponent destroy Info`, {
           dom: info.dom,
         });
         instance?.bridgeHook?.lifecycle?.beforeBridgeDestroy?.emit(info);

package/src/remote/index.tsx

@@ -41,7 +41,7 @@ const RemoteAppWrapper = forwardRef(function (
   ref,
 ) {
   const RemoteApp = () => {
-    LoggerInstance.log(`RemoteAppWrapper RemoteApp props >>>`, { props });
+    LoggerInstance.debug(`RemoteAppWrapper RemoteApp props >>>`, { props });
     const {
       moduleName,
       memoryRoute,
@@ -62,7 +62,7 @@ const RemoteAppWrapper = forwardRef(function (
     const renderDom: React.MutableRefObject<HTMLElement | null> = useRef(null);
     const providerInfoRef = useRef<any>(null);
 
-    LoggerInstance.log(`RemoteAppWrapper instance from props >>>`, instance);
+    LoggerInstance.debug(`RemoteAppWrapper instance from props >>>`, instance);
 
     useEffect(() => {
       const renderTimeout = setTimeout(() => {
@@ -78,12 +78,12 @@ const RemoteAppWrapper = forwardRef(function (
           ...resProps,
         };
         renderDom.current = rootRef.current;
-        LoggerInstance.log(
+        LoggerInstance.debug(
           `createRemoteComponent LazyComponent render >>>`,
           renderProps,
         );
 
-        LoggerInstance.log(
+        LoggerInstance.debug(
           `createRemoteComponent LazyComponent hostInstance >>>`,
           instance,
         );
@@ -101,7 +101,7 @@ const RemoteAppWrapper = forwardRef(function (
         clearTimeout(renderTimeout);
         setTimeout(() => {
           if (providerInfoRef.current?.destroy) {
-            LoggerInstance.log(
+            LoggerInstance.debug(
               `createRemoteComponent LazyComponent destroy >>>`,
               { moduleName, basename, dom: renderDom.current },
             );
@@ -206,7 +206,7 @@ export function withRouterData<
       }
     }
 
-    LoggerInstance.log(`createRemoteComponent withRouterData >>>`, {
+    LoggerInstance.debug(`createRemoteComponent withRouterData >>>`, {
       ...props,
       basename,
       routerContextVal,
@@ -219,10 +219,13 @@ export function withRouterData<
 
       useEffect(() => {
         if (pathname !== '' && pathname !== location.pathname) {
-          LoggerInstance.log(`createRemoteComponent dispatchPopstateEnv >>>`, {
-            name: props.name,
-            pathname: location.pathname,
-          });
+          LoggerInstance.debug(
+            `createRemoteComponent dispatchPopstateEnv >>>`,
+            {
+              name: props.name,
+              pathname: location.pathname,
+            },
+          );
           dispatchPopstateEnv();
         }
         setPathname(location.pathname);

package/src/router-v5.tsx

@@ -13,7 +13,7 @@ function WraperRouter(
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
 
-  LoggerInstance.log(`WraperRouter info >>>`, {
+  LoggerInstance.debug(`WraperRouter info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WraperRouterProps: props,

package/src/router-v6.tsx

@@ -13,7 +13,7 @@ function WraperRouter(
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
 
-  LoggerInstance.log(`WraperRouter info >>>`, {
+  LoggerInstance.debug(`WraperRouter info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WraperRouterProps: props,
@@ -41,7 +41,7 @@ function WraperRouterProvider(
   const { router, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
   const routers = router.routes;
-  LoggerInstance.log(`WraperRouterProvider info >>>`, {
+  LoggerInstance.debug(`WraperRouterProvider info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WraperRouterProviderProps: props,

package/src/router.tsx

@@ -12,7 +12,7 @@ function WrapperRouter(
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
 
-  LoggerInstance.log(`WrapperRouter info >>>`, {
+  LoggerInstance.debug(`WrapperRouter info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WrapperRouterProps: props,
@@ -40,7 +40,7 @@ function WrapperRouterProvider(
   const { router, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
   const routers = router.routes;
-  LoggerInstance.log(`WrapperRouterProvider info >>>`, {
+  LoggerInstance.debug(`WrapperRouterProvider info >>>`, {
     ...routerContextProps,
     routerContextProps,
     WrapperRouterProviderProps: props,