@module-federation/bridge-react 0.0.0-next-20250221063001 → 0.0.0-next-20250221081237

package/CHANGELOG.md

@@ -1,20 +1,12 @@
 # @module-federation/bridge-react
 
-## 0.0.0-next-20250221063001
-
-### Patch Changes
-
-- 1fe3d78: fix: prevent destroy/render the remote component every time rerendering from the host
-  - @module-federation/sdk@0.0.0-next-20250221063001
-  - @module-federation/bridge-shared@0.0.0-next-20250221063001
-
-## 0.8.12
+## 0.0.0-next-20250221081237
 
 ### Patch Changes
 
 - 4ef21d2: chore: adjust bridge-react to structure directory
-  - @module-federation/sdk@0.8.12
-  - @module-federation/bridge-shared@0.8.12
+  - @module-federation/sdk@0.0.0-next-20250221081237
+  - @module-federation/bridge-shared@0.0.0-next-20250221081237
 
 ## 0.8.11
 

package/dist/index.cjs.js

@@ -212,7 +212,7 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
       }
     );
   };
-  RemoteApp2["__APP_VERSION__"] = "0.8.12";
+  RemoteApp2["__APP_VERSION__"] = "0.8.11";
   return /* @__PURE__ */ React.createElement(RemoteApp2, null);
 });
 function withRouterData(WrappedComponent) {
@@ -338,7 +338,7 @@ function createLazyRemoteComponent(info) {
 function createRemoteComponent(info) {
   return React.forwardRef(
     (props, ref) => {
-      const LazyComponent = React.useMemo(() => createLazyRemoteComponent(info), []);
+      const LazyComponent = createLazyRemoteComponent(info);
       return /* @__PURE__ */ React.createElement(ErrorBoundary, { FallbackComponent: info.fallback }, /* @__PURE__ */ React.createElement(React.Suspense, { fallback: info.loading }, /* @__PURE__ */ React.createElement(LazyComponent, { ...props, ref })));
     }
   );

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React__default, { createContext, Component, createElement, forwardRef, useRef, useEffect, useContext, useState, useMemo } 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, R as RouterContext } from "./context-BwUPFSB2.js";
 import * as ReactRouterDOM from "react-router-dom";
 import { federationRuntime } from "./plugin.es.js";
@@ -193,7 +193,7 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
       }
     );
   };
-  RemoteApp2["__APP_VERSION__"] = "0.8.12";
+  RemoteApp2["__APP_VERSION__"] = "0.8.11";
   return /* @__PURE__ */ React__default.createElement(RemoteApp2, null);
 });
 function withRouterData(WrappedComponent) {
@@ -319,7 +319,7 @@ function createLazyRemoteComponent(info) {
 function createRemoteComponent(info) {
   return forwardRef(
     (props, ref) => {
-      const LazyComponent = useMemo(() => createLazyRemoteComponent(info), []);
+      const LazyComponent = createLazyRemoteComponent(info);
       return /* @__PURE__ */ React__default.createElement(ErrorBoundary, { FallbackComponent: info.fallback }, /* @__PURE__ */ React__default.createElement(React__default.Suspense, { fallback: info.loading }, /* @__PURE__ */ React__default.createElement(LazyComponent, { ...props, ref })));
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "0.0.0-next-20250221063001",
+  "version": "0.0.0-next-20250221081237",
   "publishConfig": {
     "access": "public"
   },
@@ -46,8 +46,8 @@
   "dependencies": {
     "@loadable/component": "^5.16.4",
     "react-error-boundary": "^4.1.2",
-    "@module-federation/bridge-shared": "0.0.0-next-20250221063001",
-    "@module-federation/sdk": "0.0.0-next-20250221063001"
+    "@module-federation/bridge-shared": "0.0.0-next-20250221081237",
+    "@module-federation/sdk": "0.0.0-next-20250221081237"
   },
   "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-20250221063001"
+    "@module-federation/runtime": "0.0.0-next-20250221081237"
   },
   "scripts": {
     "dev": "vite",

package/src/remote/create.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useMemo } from 'react';
+import React, { forwardRef } from 'react';
 import {
   ErrorBoundary,
   ErrorBoundaryPropsWithComponent,
@@ -102,8 +102,7 @@ export function createRemoteComponent<T, E extends keyof T>(
 
   return forwardRef<HTMLDivElement, ProviderParams & RawComponentType>(
     (props, ref) => {
-      // const LazyComponent = createLazyRemoteComponent(info);
-      const LazyComponent = useMemo(() => createLazyRemoteComponent(info), []);
+      const LazyComponent = createLazyRemoteComponent(info);
       return (
         <ErrorBoundary FallbackComponent={info.fallback}>
           <React.Suspense fallback={info.loading}>