@module-federation/bridge-react 0.0.0-next-20250708121428 → 0.0.0-next-20250708134245

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @module-federation/bridge-react
 
-## 0.0.0-next-20250708121428
+## 0.0.0-next-20250708134245
 
 ### Minor Changes
 
@@ -9,8 +9,8 @@
 ### Patch Changes
 
 - eb0d1dc: feat(bridge-react): export createLazyCompoent api
-  - @module-federation/sdk@0.0.0-next-20250708121428
-  - @module-federation/bridge-shared@0.0.0-next-20250708121428
+  - @module-federation/sdk@0.0.0-next-20250708134245
+  - @module-federation/bridge-shared@0.0.0-next-20250708134245
 
 ## 0.16.0
 

package/dist/data-fetch-server-middleware.es.js

@@ -1,4 +1,4 @@
-import { D as DATA_FETCH_QUERY, l as logger, g as getDataFetchMap, i as initDataFetchMap, M as MF_DATA_FETCH_STATUS, f as fetchData, a as loadDataFetchModule } from "./utils-BTYYwZcb.mjs";
+import { D as DATA_FETCH_QUERY, l as logger, g as getDataFetchMap, i as initDataFetchMap, M as MF_DATA_FETCH_STATUS, f as fetchData, a as loadDataFetchModule } from "./utils-Cy-amYU5.mjs";
 import { M as MANIFEST_EXT, S as SEPARATOR } from "./index.esm-BCeUd-x9.mjs";
 function wrapSetTimeout(targetPromise, delay = 2e4, id) {
   if (targetPromise && typeof targetPromise.then === "function") {

package/dist/data-fetch-utils.es.js

@@ -1,7 +1,7 @@
-import { u as DATA_FETCH_FUNCTION } from "./utils-BTYYwZcb.mjs";
-import { C, b, e, h, c, d, r } from "./utils-BTYYwZcb.mjs";
-import { d as dataFetchFunction } from "./prefetch-CXJhiNUD.mjs";
-import { i, p } from "./prefetch-CXJhiNUD.mjs";
+import { x as DATA_FETCH_FUNCTION } from "./utils-Cy-amYU5.mjs";
+import { C, b, e, h, c, d, r } from "./utils-Cy-amYU5.mjs";
+import { d as dataFetchFunction } from "./prefetch-Dq-ZhN17.mjs";
+import { i, p } from "./prefetch-Dq-ZhN17.mjs";
 async function callDataFetch() {
   const dataFetch = globalThis[DATA_FETCH_FUNCTION];
   if (dataFetch) {

package/dist/index.cjs.js

@@ -6,7 +6,7 @@ const React = require("react");
 const index = require("./index-C0fDZB5b.js");
 const ReactRouterDOM = require("react-router-dom");
 const plugin = require("./plugin.cjs.js");
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-DgYHamxE.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-Bobxn-VP.js");
 const lazyUtils = require("./utils-iEVlDmyk.js");
 const dataFetchUtils = require("./data-fetch-utils.cjs.js");
 const prefetch = require("./prefetch-BWabXlKU.js");

package/dist/index.d.ts

@@ -82,6 +82,7 @@ export declare type CreateLazyComponentOptions<T, E extends keyof T> = {
     fallback: ReactNode | ((errorInfo: ErrorInfo) => ReactNode);
     export?: E;
     dataFetchParams?: DataFetchParams;
+    noSSR?: boolean;
     cacheData?: boolean;
 };
 

package/dist/index.es.js

@@ -4,10 +4,10 @@ import React__default, { forwardRef, useRef, useState, useEffect, useContext } f
 import { L as LoggerInstance, g as getRootDomDefaultClassName, p as pathJoin } from "./index-CqxytsLY.mjs";
 import * as ReactRouterDOM from "react-router-dom";
 import { federationRuntime } from "./plugin.es.js";
-import { b, a, c, l } from "./lazy-load-component-plugin-BbqmMGKu.mjs";
-import { C, b as b2, E, e, h, c as c2, d, r, s } from "./utils-BTYYwZcb.mjs";
+import { b, a, c, l } from "./lazy-load-component-plugin-Dvi5dnb7.mjs";
+import { C, b as b2, E, e, h, c as c2, d, r, s } from "./utils-Cy-amYU5.mjs";
 import { callDataFetch } from "./data-fetch-utils.es.js";
-import { p } from "./prefetch-CXJhiNUD.mjs";
+import { p } from "./prefetch-Dq-ZhN17.mjs";
 function createReact16Or17Root(container) {
   return {
     render(children) {

package/dist/{lazy-load-component-plugin-DgYHamxE.js → lazy-load-component-plugin-Bobxn-VP.js}

@@ -296,12 +296,9 @@ function collectSSRAssets(options) {
   }
   return [...scripts, ...links];
 }
-function getServerNeedRemoteInfo(loadedRemoteInfo, id) {
+function getServerNeedRemoteInfo(loadedRemoteInfo, id, noSSR) {
   var _a;
-  if (
-    // noSSR ||
-    typeof window !== "undefined" && window.location.href !== window[lazyUtils.FS_HREF]
-  ) {
+  if (noSSR || typeof window !== "undefined" && window.location.href !== window[lazyUtils.FS_HREF]) {
     if (!(loadedRemoteInfo == null ? void 0 : loadedRemoteInfo.version)) {
       throw new Error(`${loadedRemoteInfo == null ? void 0 : loadedRemoteInfo.name} version is empty`);
     }
@@ -347,7 +344,7 @@ function createLazyComponent(options) {
     }
     return m;
   };
-  const getData = async () => {
+  const getData = async (noSSR) => {
     let loadedRemoteInfo;
     let moduleId;
     try {
@@ -386,8 +383,7 @@ function createLazyComponent(options) {
           ...options.dataFetchParams,
           isDowngrade: false
         },
-        // getServerNeedRemoteInfo(loadedRemoteInfo, dataFetchMapKey, noSSR),
-        getServerNeedRemoteInfo(loadedRemoteInfo, dataFetchMapKey)
+        getServerNeedRemoteInfo(loadedRemoteInfo, dataFetchMapKey, noSSR)
       );
       lazyUtils.setDataFetchItemLoadedStatus(dataFetchMapKey);
       lazyUtils.logger.debug("get data res: \n", data);
@@ -447,16 +443,53 @@ function createLazyComponent(options) {
     if (cacheData && dataCache) {
       return /* @__PURE__ */ React.createElement(LazyComponent, { ...args, mfData: dataCache });
     }
-    return /* @__PURE__ */ React.createElement(
-      AwaitDataFetch,
-      {
-        resolve: getData(),
-        loading: options.loading,
-        delayLoading: options.delayLoading,
-        errorElement: options.fallback
-      },
-      (data) => /* @__PURE__ */ React.createElement(LazyComponent, { ...args, mfData: data })
-    );
+    if (!options.noSSR) {
+      return /* @__PURE__ */ React.createElement(
+        AwaitDataFetch,
+        {
+          resolve: getData(options.noSSR),
+          loading: options.loading,
+          delayLoading: options.delayLoading,
+          errorElement: options.fallback
+        },
+        (data) => /* @__PURE__ */ React.createElement(LazyComponent, { ...args, mfData: data })
+      );
+    } else {
+      const [data, setData] = React.useState(null);
+      const [loading, setLoading] = React.useState(true);
+      const [error, setError] = React.useState(null);
+      React.useEffect(() => {
+        let isMounted = true;
+        const fetchDataAsync = async () => {
+          try {
+            setLoading(true);
+            const result = await getData(options.noSSR);
+            if (isMounted) {
+              setData(result);
+            }
+          } catch (e) {
+            if (isMounted) {
+              setError(transformError(e));
+            }
+          } finally {
+            if (isMounted) {
+              setLoading(false);
+            }
+          }
+        };
+        fetchDataAsync();
+        return () => {
+          isMounted = false;
+        };
+      }, []);
+      if (loading) {
+        return /* @__PURE__ */ React.createElement(DelayedLoading, { delayLoading: options.delayLoading }, options.loading);
+      }
+      if (error) {
+        return /* @__PURE__ */ React.createElement(React.Fragment, null, typeof options.fallback === "function" ? options.fallback(error) : options.fallback);
+      }
+      return /* @__PURE__ */ React.createElement(LazyComponent, { ...args, mfData: data });
+    }
   };
 }
 function lazyLoadComponentPlugin() {

package/dist/{lazy-load-component-plugin-BbqmMGKu.mjs → lazy-load-component-plugin-Dvi5dnb7.mjs}

@@ -1,6 +1,6 @@
-import { i as injectDataFetch, p as prefetch } from "./prefetch-CXJhiNUD.mjs";
-import { i as initDataFetchMap, j as isDataLoaderExpose, k as getDataFetchInfo, m as getDataFetchMapKey, l as logger, n as getDataFetchItem, o as DATA_FETCH_CLIENT_SUFFIX, p as MF_DATA_FETCH_TYPE, q as isServerEnv, t as isCSROnly, a as loadDataFetchModule, M as MF_DATA_FETCH_STATUS, g as getDataFetchMap, u as DATA_FETCH_FUNCTION, v as getDataFetchIdWithErrorMsgs, w as DATA_FETCH_ERROR_PREFIX, E as ERROR_TYPE, x as wrapDataFetchId, L as LOAD_REMOTE_ERROR_PREFIX, y as getLoadedRemoteInfos, f as fetchData$1, z as setDataFetchItemLoadedStatus, F as FS_HREF } from "./utils-BTYYwZcb.mjs";
-import React__default, { useRef, Suspense, useState } from "react";
+import { i as injectDataFetch, p as prefetch } from "./prefetch-Dq-ZhN17.mjs";
+import { i as initDataFetchMap, j as isDataLoaderExpose, k as getDataFetchInfo, m as getDataFetchMapKey, l as logger, n as getDataFetchItem, o as DATA_FETCH_CLIENT_SUFFIX, p as MF_DATA_FETCH_TYPE, q as isServerEnv, t as isCSROnly, a as loadDataFetchModule, M as MF_DATA_FETCH_STATUS, g as getDataFetchMap, u as getDataFetchIdWithErrorMsgs, v as DATA_FETCH_ERROR_PREFIX, E as ERROR_TYPE, w as wrapDataFetchId, L as LOAD_REMOTE_ERROR_PREFIX, x as DATA_FETCH_FUNCTION, y as getLoadedRemoteInfos, f as fetchData$1, z as setDataFetchItemLoadedStatus, F as FS_HREF } from "./utils-Cy-amYU5.mjs";
+import React__default, { useRef, useState, Suspense, useEffect } from "react";
 const autoFetchData = () => {
   initDataFetchMap();
   injectDataFetch();
@@ -295,12 +295,9 @@ function collectSSRAssets(options) {
   }
   return [...scripts, ...links];
 }
-function getServerNeedRemoteInfo(loadedRemoteInfo, id) {
+function getServerNeedRemoteInfo(loadedRemoteInfo, id, noSSR) {
   var _a;
-  if (
-    // noSSR ||
-    typeof window !== "undefined" && window.location.href !== window[FS_HREF]
-  ) {
+  if (noSSR || typeof window !== "undefined" && window.location.href !== window[FS_HREF]) {
     if (!(loadedRemoteInfo == null ? void 0 : loadedRemoteInfo.version)) {
       throw new Error(`${loadedRemoteInfo == null ? void 0 : loadedRemoteInfo.name} version is empty`);
     }
@@ -346,7 +343,7 @@ function createLazyComponent(options) {
     }
     return m;
   };
-  const getData = async () => {
+  const getData = async (noSSR) => {
     let loadedRemoteInfo;
     let moduleId;
     try {
@@ -385,8 +382,7 @@ function createLazyComponent(options) {
           ...options.dataFetchParams,
           isDowngrade: false
         },
-        // getServerNeedRemoteInfo(loadedRemoteInfo, dataFetchMapKey, noSSR),
-        getServerNeedRemoteInfo(loadedRemoteInfo, dataFetchMapKey)
+        getServerNeedRemoteInfo(loadedRemoteInfo, dataFetchMapKey, noSSR)
       );
       setDataFetchItemLoadedStatus(dataFetchMapKey);
       logger.debug("get data res: \n", data);
@@ -446,16 +442,53 @@ function createLazyComponent(options) {
     if (cacheData && dataCache) {
       return /* @__PURE__ */ React__default.createElement(LazyComponent, { ...args, mfData: dataCache });
     }
-    return /* @__PURE__ */ React__default.createElement(
-      AwaitDataFetch,
-      {
-        resolve: getData(),
-        loading: options.loading,
-        delayLoading: options.delayLoading,
-        errorElement: options.fallback
-      },
-      (data) => /* @__PURE__ */ React__default.createElement(LazyComponent, { ...args, mfData: data })
-    );
+    if (!options.noSSR) {
+      return /* @__PURE__ */ React__default.createElement(
+        AwaitDataFetch,
+        {
+          resolve: getData(options.noSSR),
+          loading: options.loading,
+          delayLoading: options.delayLoading,
+          errorElement: options.fallback
+        },
+        (data) => /* @__PURE__ */ React__default.createElement(LazyComponent, { ...args, mfData: data })
+      );
+    } else {
+      const [data, setData] = useState(null);
+      const [loading, setLoading] = useState(true);
+      const [error, setError] = useState(null);
+      useEffect(() => {
+        let isMounted = true;
+        const fetchDataAsync = async () => {
+          try {
+            setLoading(true);
+            const result = await getData(options.noSSR);
+            if (isMounted) {
+              setData(result);
+            }
+          } catch (e) {
+            if (isMounted) {
+              setError(transformError(e));
+            }
+          } finally {
+            if (isMounted) {
+              setLoading(false);
+            }
+          }
+        };
+        fetchDataAsync();
+        return () => {
+          isMounted = false;
+        };
+      }, []);
+      if (loading) {
+        return /* @__PURE__ */ React__default.createElement(DelayedLoading, { delayLoading: options.delayLoading }, options.loading);
+      }
+      if (error) {
+        return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, typeof options.fallback === "function" ? options.fallback(error) : options.fallback);
+      }
+      return /* @__PURE__ */ React__default.createElement(LazyComponent, { ...args, mfData: data });
+    }
   };
 }
 function lazyLoadComponentPlugin() {

package/dist/lazy-load-component-plugin.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-DgYHamxE.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-Bobxn-VP.js");
 require("./prefetch-BWabXlKU.js");
 exports.default = lazyLoadComponentPlugin.lazyLoadComponentPlugin;
 exports.lazyLoadComponentPlugin = lazyLoadComponentPlugin.lazyLoadComponentPlugin;

package/dist/lazy-load-component-plugin.es.js

@@ -1,5 +1,5 @@
-import { l, l as l2 } from "./lazy-load-component-plugin-BbqmMGKu.mjs";
-import "./prefetch-CXJhiNUD.mjs";
+import { l, l as l2 } from "./lazy-load-component-plugin-Dvi5dnb7.mjs";
+import "./prefetch-Dq-ZhN17.mjs";
 export {
   l as default,
   l2 as lazyLoadComponentPlugin

package/dist/lazy-utils.es.js

@@ -1,12 +1,12 @@
 import "./index.esm-BCeUd-x9.mjs";
-import { G, H, f, J, I, v, k, n, g, m, B, y, i, t, j, q, a, z, s, x } from "./utils-BTYYwZcb.mjs";
+import { G, H, f, J, I, u, k, n, g, m, B, y, i, t, j, q, a, z, s, w } from "./utils-Cy-amYU5.mjs";
 export {
   G as callAllDowngrade,
   H as callDowngrade,
   f as fetchData,
   J as flushDataFetch,
   I as getDataFetchCache,
-  v as getDataFetchIdWithErrorMsgs,
+  u as getDataFetchIdWithErrorMsgs,
   k as getDataFetchInfo,
   n as getDataFetchItem,
   g as getDataFetchMap,
@@ -20,5 +20,5 @@ export {
   a as loadDataFetchModule,
   z as setDataFetchItemLoadedStatus,
   s as setSSREnv,
-  x as wrapDataFetchId
+  w as wrapDataFetchId
 };

package/dist/{prefetch-CXJhiNUD.mjs → prefetch-Dq-ZhN17.mjs}

@@ -1,4 +1,4 @@
-import { u as DATA_FETCH_FUNCTION, F as FS_HREF, l as logger$1, g as getDataFetchMap, i as initDataFetchMap, n as getDataFetchItem, M as MF_DATA_FETCH_STATUS, p as MF_DATA_FETCH_TYPE, A as DOWNGRADE_KEY, B as getDowngradeTag, G as callAllDowngrade, H as callDowngrade, k as getDataFetchInfo, m as getDataFetchMapKey } from "./utils-BTYYwZcb.mjs";
+import { x as DATA_FETCH_FUNCTION, F as FS_HREF, l as logger$1, g as getDataFetchMap, i as initDataFetchMap, n as getDataFetchItem, M as MF_DATA_FETCH_STATUS, p as MF_DATA_FETCH_TYPE, A as DOWNGRADE_KEY, B as getDowngradeTag, G as callAllDowngrade, H as callDowngrade, k as getDataFetchInfo, m as getDataFetchMapKey } from "./utils-Cy-amYU5.mjs";
 import { b as isDebugMode, d as createLink, e as createScript, i as isBrowserEnv, c as createLogger, a as composeKeyWithSeparator, l as loadScriptNode, f as loadScript } from "./index.esm-BCeUd-x9.mjs";
 const dataFetchFunction = async function(options) {
   var _a, _b;

package/dist/{utils-BTYYwZcb.mjs → utils-Cy-amYU5.mjs}

@@ -2007,10 +2007,10 @@ export {
   revalidateTag as r,
   setSSREnv as s,
   isCSROnly as t,
-  DATA_FETCH_FUNCTION as u,
-  getDataFetchIdWithErrorMsgs as v,
-  DATA_FETCH_ERROR_PREFIX as w,
-  wrapDataFetchId as x,
+  getDataFetchIdWithErrorMsgs as u,
+  DATA_FETCH_ERROR_PREFIX as v,
+  wrapDataFetchId as w,
+  DATA_FETCH_FUNCTION as x,
   getLoadedRemoteInfos as y,
   setDataFetchItemLoadedStatus as z
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "0.0.0-next-20250708121428",
+  "version": "0.0.0-next-20250708134245",
   "publishConfig": {
     "access": "public"
   },
@@ -94,8 +94,8 @@
   "dependencies": {
     "react-error-boundary": "^4.1.2",
     "lru-cache": "^10.4.3",
-    "@module-federation/bridge-shared": "0.0.0-next-20250708121428",
-    "@module-federation/sdk": "0.0.0-next-20250708121428"
+    "@module-federation/bridge-shared": "0.0.0-next-20250708134245",
+    "@module-federation/sdk": "0.0.0-next-20250708134245"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -117,8 +117,8 @@
     "vite": "^5.4.18",
     "vite-plugin-dts": "^4.3.0",
     "hono": "3.12.12",
-    "@module-federation/runtime": "0.0.0-next-20250708121428",
-    "@module-federation/runtime-core": "0.0.0-next-20250708121428"
+    "@module-federation/runtime": "0.0.0-next-20250708134245",
+    "@module-federation/runtime-core": "0.0.0-next-20250708134245"
   },
   "scripts": {
     "dev": "vite",

package/src/lazy/createLazyComponent.tsx

@@ -42,7 +42,7 @@ export type CreateLazyComponentOptions<T, E extends keyof T> = {
   fallback: ReactNode | ((errorInfo: ErrorInfo) => ReactNode);
   export?: E;
   dataFetchParams?: DataFetchParams;
-  // noSSR?: boolean;
+  noSSR?: boolean;
   cacheData?: boolean;
 };
 
@@ -157,12 +157,11 @@ export function collectSSRAssets(options: IProps) {
 function getServerNeedRemoteInfo(
   loadedRemoteInfo: ReturnType<typeof getLoadedRemoteInfos>,
   id: string,
-  // noSSR?: boolean,
+  noSSR?: boolean,
 ): NoSSRRemoteInfo | undefined {
   if (
-    // noSSR ||
-    typeof window !== 'undefined' &&
-    window.location.href !== window[FS_HREF]
+    noSSR ||
+    (typeof window !== 'undefined' && window.location.href !== window[FS_HREF])
   ) {
     if (!loadedRemoteInfo?.version) {
       throw new Error(`${loadedRemoteInfo?.name} version is empty`);
@@ -233,8 +232,7 @@ export function createLazyComponent<T, E extends keyof T>(
     return m;
   };
 
-  // const getData = async (noSSR?: boolean) => {
-  const getData = async () => {
+  const getData = async (noSSR?: boolean) => {
     let loadedRemoteInfo: ReturnType<typeof getLoadedRemoteInfos>;
     let moduleId: string;
     try {
@@ -273,8 +271,7 @@ export function createLazyComponent<T, E extends keyof T>(
           ...options.dataFetchParams,
           isDowngrade: false,
         },
-        // getServerNeedRemoteInfo(loadedRemoteInfo, dataFetchMapKey, noSSR),
-        getServerNeedRemoteInfo(loadedRemoteInfo, dataFetchMapKey),
+        getServerNeedRemoteInfo(loadedRemoteInfo, dataFetchMapKey, noSSR),
       );
       setDataFetchItemLoadedStatus(dataFetchMapKey);
       logger.debug('get data res: \n', data);
@@ -347,72 +344,71 @@ export function createLazyComponent<T, E extends keyof T>(
       // @ts-expect-error ignore
       return <LazyComponent {...args} mfData={dataCache} />;
     }
-    return (
-      <AwaitDataFetch
-        // resolve={getData(options.noSSR)}
-        resolve={getData()}
-        loading={options.loading}
-        delayLoading={options.delayLoading}
-        errorElement={options.fallback}
-      >
-        {/* @ts-expect-error ignore */}
-        {(data) => <LazyComponent {...args} mfData={data} />}
-      </AwaitDataFetch>
-    );
-    // if (!options.noSSR) {
 
-    // } else {
-    //   // Client-side rendering logic
-    //   const [data, setData] = useState<unknown>(null);
-    //   const [loading, setLoading] = useState<boolean>(true);
-    //   const [error, setError] = useState<ErrorInfo | null>(null);
+    if (!options.noSSR) {
+      return (
+        <AwaitDataFetch
+          resolve={getData(options.noSSR)}
+          loading={options.loading}
+          delayLoading={options.delayLoading}
+          errorElement={options.fallback}
+        >
+          {/* @ts-expect-error ignore */}
+          {(data) => <LazyComponent {...args} mfData={data} />}
+        </AwaitDataFetch>
+      );
+    } else {
+      // Client-side rendering logic
+      const [data, setData] = useState<unknown>(null);
+      const [loading, setLoading] = useState<boolean>(true);
+      const [error, setError] = useState<ErrorInfo | null>(null);
 
-    //   useEffect(() => {
-    //     let isMounted = true;
-    //     const fetchDataAsync = async () => {
-    //       try {
-    //         setLoading(true);
-    //         const result = await getData(options.noSSR);
-    //         if (isMounted) {
-    //           setData(result);
-    //         }
-    //       } catch (e) {
-    //         if (isMounted) {
-    //           setError(transformError(e as Error));
-    //         }
-    //       } finally {
-    //         if (isMounted) {
-    //           setLoading(false);
-    //         }
-    //       }
-    //     };
+      useEffect(() => {
+        let isMounted = true;
+        const fetchDataAsync = async () => {
+          try {
+            setLoading(true);
+            const result = await getData(options.noSSR);
+            if (isMounted) {
+              setData(result);
+            }
+          } catch (e) {
+            if (isMounted) {
+              setError(transformError(e as Error));
+            }
+          } finally {
+            if (isMounted) {
+              setLoading(false);
+            }
+          }
+        };
 
-    //     fetchDataAsync();
+        fetchDataAsync();
 
-    //     return () => {
-    //       isMounted = false;
-    //     };
-    //   }, []);
+        return () => {
+          isMounted = false;
+        };
+      }, []);
 
-    //   if (loading) {
-    //     return (
-    //       <DelayedLoading delayLoading={options.delayLoading}>
-    //         {options.loading}
-    //       </DelayedLoading>
-    //     );
-    //   }
+      if (loading) {
+        return (
+          <DelayedLoading delayLoading={options.delayLoading}>
+            {options.loading}
+          </DelayedLoading>
+        );
+      }
 
-    //   if (error) {
-    //     return (
-    //       <>
-    //         {typeof options.fallback === 'function'
-    //           ? options.fallback(error)
-    //           : options.fallback}
-    //       </>
-    //     );
-    //   }
-    //   // @ts-expect-error ignore
-    //   return <LazyComponent {...args} mfData={data} />;
-    // }
+      if (error) {
+        return (
+          <>
+            {typeof options.fallback === 'function'
+              ? options.fallback(error)
+              : options.fallback}
+          </>
+        );
+      }
+      // @ts-expect-error ignore
+      return <LazyComponent {...args} mfData={data} />;
+    }
   };
 }