Merge branch 'main' into pr8-unified-api

Author: ScriptedAlchemy

.changeset/cool-avocados-wave.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/bridge-react': patch
+---
+
+fix(bridge-react): correct createRemoteComponent warning info

.changeset/hip-tips-confess.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/modern-js': patch
+---
+
+chore(modern-js-plugin): re-export all bridge react

apps/website-new/src/components/en/data-fetch/consumer.mdx

@@ -7,7 +7,6 @@ In the consumer, we need to use the [createLazyComponent](/practice/bridge/react
 ```tsx
 import { getInstance } from '@module-federation/enhanced/runtime';
 import {
-  createLazyComponent,
   ERROR_TYPE,
   lazyLoadComponentPlugin,
 } from '@module-federation/bridge-react';

apps/website-new/src/components/zh/data-fetch/consumer.mdx

@@ -7,7 +7,6 @@ SSR 场景中，只能在 [Modern.js](/guide/framework/modernjs) 中使用。
 ```tsx
 import { getInstance } from '@module-federation/enhanced/runtime';
 import {
-  createLazyComponent,
   ERROR_TYPE,
   lazyLoadComponentPlugin,
 } from '@module-federation/bridge-react';

packages/bridge/bridge-react/src/remote/component.tsx

@@ -23,6 +23,7 @@ const RemoteAppWrapper = forwardRef(function (
     className,
     style,
     fallback,
+    loading,
     ...resProps
   } = props;
 
@@ -104,7 +105,9 @@ const RemoteAppWrapper = forwardRef(function (
   // bridge-remote-root
   const rootComponentClassName = `${getRootDomDefaultClassName(moduleName)} ${className || ''}`;
   return (
-    <div className={rootComponentClassName} style={style} ref={rootRef}></div>
+    <div className={rootComponentClassName} style={style} ref={rootRef}>
+      {loading}
+    </div>
   );
 });
 

packages/bridge/bridge-react/src/remote/create.tsx

@@ -44,6 +44,7 @@ function createLazyRemoteComponent<
               providerInfo={exportFn}
               exportName={info.export || 'default'}
               fallback={info.fallback}
+              loading={info.loading}
               ref={ref}
               {...props}
             />
@@ -96,7 +97,7 @@ export function createRemoteComponent<
   E extends keyof T = keyof T,
 >(info: LazyRemoteComponentInfo<T, E>) {
   LoggerInstance.warn(
-    `createRemoteAppComponent is deprecated, please use createRemoteAppComponent instead!`,
+    `createRemoteComponent is deprecated, please use createRemoteAppComponent instead!`,
   );
   return createRemoteAppComponent(info);
 }

packages/modernjs/src/react/index.ts

@@ -1,17 +1 @@
-export {
-  ERROR_TYPE,
-  CacheSize,
-  CacheTime,
-  configureCache,
-  generateKey,
-  cache,
-  revalidateTag,
-  clearStore,
-  lazyLoadComponentPlugin,
-} from '@module-federation/bridge-react';
-
-export type {
-  DataFetchParams,
-  CacheStatus,
-  CacheStatsInfo,
-} from '@module-federation/bridge-react';
+export * from '@module-federation/bridge-react';