@ice/mf-runtime 0.0.11-beta.2 → 0.0.11-beta.4

package/es2017/FallBack.d.ts

@@ -8,59 +8,5 @@ interface FallBackOptions {
     mountNode?: HTMLElement;
     containerClassName?: string;
 }
-export declare const FallBack: ({ Original, remoteReactDOM, remoteReact, mountNode, containerClassName, }: FallBackOptions) => {
-    new (props: {}): {
-        containerRef: React.RefObject<HTMLDivElement>;
-        componentDidMount(): void;
-        componentDidUpdate(): void;
-        componentWillUnmount(): void;
-        getTargetNode(): HTMLElement | null;
-        mountOriginalComponent(shouldRender?: boolean): void;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
-        forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<{}>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: {}, context: any): {
-        containerRef: React.RefObject<HTMLDivElement>;
-        componentDidMount(): void;
-        componentDidUpdate(): void;
-        componentWillUnmount(): void;
-        getTargetNode(): HTMLElement | null;
-        mountOriginalComponent(shouldRender?: boolean): void;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
-        forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<{}>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextType?: React.Context<any>;
-};
+export declare const FallBack: ({ Original, remoteReactDOM, remoteReact, mountNode, containerClassName, }: FallBackOptions) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
 export {};

package/es2017/FallBack.js

@@ -1,4 +1,7 @@
 import { _ as _define_property } from "@swc/helpers/_/_define_property";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import * as React from 'react';
 class Component extends React.Component {
     render() {
@@ -16,8 +19,9 @@ class Component extends React.Component {
 }
 export const FallBack = ({ Original, remoteReactDOM, remoteReact, mountNode, containerClassName })=>{
     const ReactDOM = remoteReactDOM();
-    const React1 = remoteReact();
-    class WrappedComponent extends React1.Component {
+    const React = remoteReact();
+    // 使用 class 组件来避免 hooks 冲突问题
+    class WrappedComponent extends React.Component {
         componentDidMount() {
             this.mountOriginalComponent(true);
         }
@@ -35,7 +39,12 @@ export const FallBack = ({ Original, remoteReactDOM, remoteReact, mountNode, con
             return mountNode || this.containerRef.current;
         }
         mountOriginalComponent(shouldRender = false) {
-            const element = React1.createElement(Original, this.props);
+            const _this_props = this.props, { forwardedRef } = _this_props, otherProps = _object_without_properties(_this_props, [
+                "forwardedRef"
+            ]);
+            const element = React.createElement(Original, _object_spread_props(_object_spread({}, otherProps), {
+                ref: this.handleRef
+            }));
             const targetNode = this.getTargetNode();
             if (targetNode) {
                 const renderMethod = shouldRender ? ReactDOM.render : ReactDOM.hydrate;
@@ -43,16 +52,37 @@ export const FallBack = ({ Original, remoteReactDOM, remoteReact, mountNode, con
             }
         }
         render() {
-            return /*#__PURE__*/ React.createElement(Component, {
+            return React.createElement(Component, {
                 containerRef: this.containerRef,
                 mountNode: mountNode,
                 containerClassName: containerClassName
             });
         }
-        constructor(...args){
-            super(...args);
-            _define_property(this, "containerRef", React1.createRef());
+        constructor(props){
+            super(props);
+            _define_property(this, "containerRef", void 0);
+            _define_property(this, "originalComponentRef", null);
+            // 处理 ref 回调
+            _define_property(this, "handleRef", (instance)=>{
+                this.originalComponentRef = instance;
+                // 转发 ref 到外部
+                const { forwardedRef } = this.props;
+                if (forwardedRef) {
+                    if (typeof forwardedRef === 'function') {
+                        forwardedRef(instance);
+                    } else if (forwardedRef && typeof forwardedRef === 'object') {
+                        forwardedRef.current = instance;
+                    }
+                }
+            });
+            this.containerRef = React.createRef();
         }
     }
-    return WrappedComponent;
+    // 使用 forwardRef 包装 class 组件来支持 ref 转发
+    const ForwardedComponent = React.forwardRef((props, ref)=>{
+        return React.createElement(WrappedComponent, _object_spread_props(_object_spread({}, props), {
+            forwardedRef: ref
+        }));
+    });
+    return ForwardedComponent;
 };

package/es2017/RemoteModule.d.ts

@@ -17,5 +17,7 @@ interface RemoteModuleOptions<T = any> {
     mountNode?: HTMLElement | string | (() => HTMLElement | null) | React.RefObject<HTMLElement>;
     fallbackContainerClassName?: string;
 }
-export declare const RemoteModule: <T extends object = any>({ module, scope, runtime, publicPath, LoadingComponent, ErrorComponent, onError, componentProps, children, mountNode, fallbackContainerClassName, }: RemoteModuleOptions<T>) => string | number | true | Iterable<React.ReactNode> | React.JSX.Element;
+export declare const RemoteModule: <T extends object = any>(props: RemoteModuleOptions<T> & {
+    ref?: React.Ref<any>;
+}) => React.ReactElement | null;
 export {};

package/es2017/RemoteModule.js

@@ -1,6 +1,7 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { loadRemote } from '@module-federation/runtime';
 import * as React from 'react';
-import { useMemo, useState, useLayoutEffect } from 'react';
+import { useMemo, useState, useLayoutEffect, forwardRef } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { FallBack } from './FallBack';
 import { setFederatedModulePublicPath } from './set-public-path';
@@ -30,7 +31,7 @@ const useMountNode = (mountNodeConfig)=>{
     ]);
     return resolvedNode;
 };
-export const RemoteModule = ({ module, scope, runtime, publicPath, LoadingComponent, ErrorComponent, onError, componentProps = {}, children = null, mountNode, fallbackContainerClassName })=>{
+const RemoteModuleInner = ({ module, scope, runtime, publicPath, LoadingComponent, ErrorComponent, onError, componentProps = {}, children = null, mountNode, fallbackContainerClassName }, ref)=>{
     var _microMod, _runtime, _runtime1;
     const microMod = getMicroMod(scope);
     const resolvedMountNode = useMountNode(mountNode);
@@ -40,7 +41,6 @@ export const RemoteModule = ({ module, scope, runtime, publicPath, LoadingCompon
     if (publicPath) {
         setFederatedModulePublicPath(scope, publicPath);
     }
-    console.log('mountNode:', mountNode, 'resolvedMountNode:', resolvedMountNode);
     const Component = useMemo(()=>{
         if (!module || !scope) return null;
         return /*#__PURE__*/ React.lazy(async ()=>{
@@ -92,5 +92,9 @@ export const RemoteModule = ({ module, scope, runtime, publicPath, LoadingCompon
         onError: onError
     }, /*#__PURE__*/ React.createElement(React.Suspense, {
         fallback: Loading
-    }, /*#__PURE__*/ React.createElement(Component, componentProps, children)));
+    }, /*#__PURE__*/ React.createElement(Component, _object_spread({
+        ref: ref
+    }, componentProps), children)));
 };
+// 使用 forwardRef 包装组件以支持 ref
+export const RemoteModule = /*#__PURE__*/ forwardRef(RemoteModuleInner);

package/es2017/index.js

@@ -21,7 +21,7 @@ function generateUniqueId() {
 export function initByMicroMods(microMods, hostName) {
     const remotes = microMods.map((microMod)=>{
         var _microMod_remoteEntry;
-        const isLegacy = !((_microMod_remoteEntry = microMod.remoteEntry) === null || _microMod_remoteEntry === void 0 ? void 0 : _microMod_remoteEntry.match(/\/mf\/remoteEntry\.js$/));
+        const isLegacy = !((_microMod_remoteEntry = microMod.remoteEntry) === null || _microMod_remoteEntry === void 0 ? void 0 : _microMod_remoteEntry.match(/\/mf\/.*\/remoteEntry\.js$/));
         const remote = {
             name: microMod.moduleFederatedName,
             entry: microMod.remoteEntry,

package/es2017/runtime-plugin.js

@@ -6,7 +6,7 @@ const loadRemotePackagedReactAndRender = async (args)=>{
     const remoteInstance = __FEDERATION__.__INSTANCES__.find(// @ts-expect-error wrong type
     (instance)=>instance.name === args.remote.name);
     const remoteVersion = remoteInstance ? (_remoteInstance_options = remoteInstance.options) === null || _remoteInstance_options === void 0 ? void 0 : (_remoteInstance_options_shared = _remoteInstance_options.shared) === null || _remoteInstance_options_shared === void 0 ? void 0 : (_remoteInstance_options_shared_reactdom = _remoteInstance_options_shared['react-dom']) === null || _remoteInstance_options_shared_reactdom === void 0 ? void 0 : (_remoteInstance_options_shared_reactdom_ = _remoteInstance_options_shared_reactdom[0]) === null || _remoteInstance_options_shared_reactdom_ === void 0 ? void 0 : _remoteInstance_options_shared_reactdom_.version : false;
-    if (remoteVersion && hostVersion && remoteVersion !== hostVersion) {
+    if (remoteVersion && hostVersion) {
         var _sharedOptions_find;
         const remoteReactDOM = await remoteInstance.loadShare('react-dom', {
             resolver: (sharedOptions)=>(_sharedOptions_find = sharedOptions.find((i)=>i.version === remoteVersion)) !== null && _sharedOptions_find !== void 0 ? _sharedOptions_find : sharedOptions[0]

package/esm/FallBack.d.ts

@@ -8,59 +8,5 @@ interface FallBackOptions {
     mountNode?: HTMLElement;
     containerClassName?: string;
 }
-export declare const FallBack: ({ Original, remoteReactDOM, remoteReact, mountNode, containerClassName, }: FallBackOptions) => {
-    new (props: {}): {
-        containerRef: React.RefObject<HTMLDivElement>;
-        componentDidMount(): void;
-        componentDidUpdate(): void;
-        componentWillUnmount(): void;
-        getTargetNode(): HTMLElement | null;
-        mountOriginalComponent(shouldRender?: boolean): void;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
-        forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<{}>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: {}, context: any): {
-        containerRef: React.RefObject<HTMLDivElement>;
-        componentDidMount(): void;
-        componentDidUpdate(): void;
-        componentWillUnmount(): void;
-        getTargetNode(): HTMLElement | null;
-        mountOriginalComponent(shouldRender?: boolean): void;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
-        forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<{}>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextType?: React.Context<any>;
-};
+export declare const FallBack: ({ Original, remoteReactDOM, remoteReact, mountNode, containerClassName, }: FallBackOptions) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
 export {};

package/esm/FallBack.js

@@ -3,6 +3,9 @@ import { _ as _class_call_check } from "@swc/helpers/_/_class_call_check";
 import { _ as _create_class } from "@swc/helpers/_/_create_class";
 import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _inherits } from "@swc/helpers/_/_inherits";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _create_super } from "@swc/helpers/_/_create_super";
 import * as React from "react";
 var Component = /*#__PURE__*/ function(_React_Component) {
@@ -36,15 +39,31 @@ export var FallBack = function(param) {
     var Original = param.Original, remoteReactDOM = param.remoteReactDOM, remoteReact = param.remoteReact, mountNode = param.mountNode, containerClassName = param.containerClassName;
     var ReactDOM = remoteReactDOM();
     var _$React = remoteReact();
+    // 使用 class 组件来避免 hooks 冲突问题
     var WrappedComponent = /*#__PURE__*/ function(_React_Component) {
         "use strict";
         _inherits(WrappedComponent, _React_Component);
         var _super = _create_super(WrappedComponent);
-        function WrappedComponent() {
+        function WrappedComponent(props) {
             _class_call_check(this, WrappedComponent);
             var _this;
-            _this = _super.apply(this, arguments);
-            _define_property(_assert_this_initialized(_this), "containerRef", _$React.createRef());
+            _this = _super.call(this, props);
+            _define_property(_assert_this_initialized(_this), "containerRef", void 0);
+            _define_property(_assert_this_initialized(_this), "originalComponentRef", null);
+            // 处理 ref 回调
+            _define_property(_assert_this_initialized(_this), "handleRef", function(instance) {
+                _this.originalComponentRef = instance;
+                // 转发 ref 到外部
+                var forwardedRef = _this.props.forwardedRef;
+                if (forwardedRef) {
+                    if (typeof forwardedRef === "function") {
+                        forwardedRef(instance);
+                    } else if (forwardedRef && typeof forwardedRef === "object") {
+                        forwardedRef.current = instance;
+                    }
+                }
+            });
+            _this.containerRef = _$React.createRef();
             return _this;
         }
         _create_class(WrappedComponent, [
@@ -80,7 +99,12 @@ export var FallBack = function(param) {
                 key: "mountOriginalComponent",
                 value: function mountOriginalComponent() {
                     var shouldRender = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-                    var element = _$React.createElement(Original, this.props);
+                    var _this_props = this.props, forwardedRef = _this_props.forwardedRef, otherProps = _object_without_properties(_this_props, [
+                        "forwardedRef"
+                    ]);
+                    var element = _$React.createElement(Original, _object_spread_props(_object_spread({}, otherProps), {
+                        ref: this.handleRef
+                    }));
                     var targetNode = this.getTargetNode();
                     if (targetNode) {
                         var renderMethod = shouldRender ? ReactDOM.render : ReactDOM.hydrate;
@@ -91,7 +115,7 @@ export var FallBack = function(param) {
             {
                 key: "render",
                 value: function render() {
-                    return /*#__PURE__*/ React.createElement(Component, {
+                    return _$React.createElement(Component, {
                         containerRef: this.containerRef,
                         mountNode: mountNode,
                         containerClassName: containerClassName
@@ -101,5 +125,11 @@ export var FallBack = function(param) {
         ]);
         return WrappedComponent;
     }(_$React.Component);
-    return WrappedComponent;
+    // 使用 forwardRef 包装 class 组件来支持 ref 转发
+    var ForwardedComponent = _$React.forwardRef(function(props, ref) {
+        return _$React.createElement(WrappedComponent, _object_spread_props(_object_spread({}, props), {
+            forwardedRef: ref
+        }));
+    });
+    return ForwardedComponent;
 };

package/esm/RemoteModule.d.ts

@@ -17,5 +17,7 @@ interface RemoteModuleOptions<T = any> {
     mountNode?: HTMLElement | string | (() => HTMLElement | null) | React.RefObject<HTMLElement>;
     fallbackContainerClassName?: string;
 }
-export declare const RemoteModule: <T extends object = any>({ module, scope, runtime, publicPath, LoadingComponent, ErrorComponent, onError, componentProps, children, mountNode, fallbackContainerClassName, }: RemoteModuleOptions<T>) => string | number | true | Iterable<React.ReactNode> | React.JSX.Element;
+export declare const RemoteModule: <T extends object = any>(props: RemoteModuleOptions<T> & {
+    ref?: React.Ref<any>;
+}) => React.ReactElement | null;
 export {};

package/esm/RemoteModule.js

@@ -1,10 +1,11 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _instanceof } from "@swc/helpers/_/_instanceof";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { loadRemote } from "@module-federation/runtime";
 import * as React from "react";
-import { useMemo, useState, useLayoutEffect } from "react";
+import { useMemo, useState, useLayoutEffect, forwardRef } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { FallBack } from "./FallBack";
 import { setFederatedModulePublicPath } from "./set-public-path";
@@ -34,7 +35,7 @@ var useMountNode = function(mountNodeConfig) {
     ]);
     return resolvedNode;
 };
-export var RemoteModule = function(param) {
+var RemoteModuleInner = function(param, ref) {
     var module = param.module, scope = param.scope, runtime = param.runtime, publicPath = param.publicPath, LoadingComponent = param.LoadingComponent, ErrorComponent = param.ErrorComponent, onError = param.onError, _param_componentProps = param.componentProps, componentProps = _param_componentProps === void 0 ? {} : _param_componentProps, _param_children = param.children, children = _param_children === void 0 ? null : _param_children, mountNode = param.mountNode, fallbackContainerClassName = param.fallbackContainerClassName;
     var _microMod, _runtime, _runtime1;
     var microMod = getMicroMod(scope);
@@ -45,7 +46,6 @@ export var RemoteModule = function(param) {
     if (publicPath) {
         setFederatedModulePublicPath(scope, publicPath);
     }
-    console.log("mountNode:", mountNode, "resolvedMountNode:", resolvedMountNode);
     var Component = useMemo(function() {
         if (!module || !scope) return null;
         return /*#__PURE__*/ React.lazy(/*#__PURE__*/ _async_to_generator(function() {
@@ -125,5 +125,9 @@ export var RemoteModule = function(param) {
         onError: onError
     }, /*#__PURE__*/ React.createElement(React.Suspense, {
         fallback: Loading
-    }, /*#__PURE__*/ React.createElement(Component, componentProps, children)));
+    }, /*#__PURE__*/ React.createElement(Component, _object_spread({
+        ref: ref
+    }, componentProps), children)));
 };
+// 使用 forwardRef 包装组件以支持 ref
+export var RemoteModule = /*#__PURE__*/ forwardRef(RemoteModuleInner);

package/esm/index.js

@@ -21,7 +21,7 @@ function generateUniqueId() {
 export function initByMicroMods(microMods, hostName) {
     var remotes = microMods.map(function(microMod) {
         var _microMod_remoteEntry;
-        var isLegacy = !((_microMod_remoteEntry = microMod.remoteEntry) === null || _microMod_remoteEntry === void 0 ? void 0 : _microMod_remoteEntry.match(/\/mf\/remoteEntry\.js$/));
+        var isLegacy = !((_microMod_remoteEntry = microMod.remoteEntry) === null || _microMod_remoteEntry === void 0 ? void 0 : _microMod_remoteEntry.match(/\/mf\/.*\/remoteEntry\.js$/));
         var remote = {
             name: microMod.moduleFederatedName,
             entry: microMod.remoteEntry,

package/esm/runtime-plugin.js

@@ -14,7 +14,7 @@ var loadRemotePackagedReactAndRender = function() {
                         return instance.name === args.remote.name;
                     });
                     remoteVersion = remoteInstance ? (_remoteInstance_options = remoteInstance.options) === null || _remoteInstance_options === void 0 ? void 0 : (_remoteInstance_options_shared = _remoteInstance_options.shared) === null || _remoteInstance_options_shared === void 0 ? void 0 : (_remoteInstance_options_shared_reactdom = _remoteInstance_options_shared["react-dom"]) === null || _remoteInstance_options_shared_reactdom === void 0 ? void 0 : (_remoteInstance_options_shared_reactdom_ = _remoteInstance_options_shared_reactdom[0]) === null || _remoteInstance_options_shared_reactdom_ === void 0 ? void 0 : _remoteInstance_options_shared_reactdom_.version : false;
-                    if (!(remoteVersion && hostVersion && remoteVersion !== hostVersion)) return [
+                    if (!(remoteVersion && hostVersion)) return [
                         3,
                         4
                     ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ice/mf-runtime",
-  "version": "0.0.11-beta.2",
+  "version": "0.0.11-beta.4",
   "description": "ice mf runtime",
   "files": [
     "esm",