Skip to content

Commit 534d346

Browse files
heswellCopilot
andauthored
fix: update remotes on route changes (#2325)
Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
1 parent 81a1710 commit 534d346

1 file changed

Lines changed: 16 additions & 1 deletion

File tree

vuu-ui/packages/core/src/remote-module/RemoteModule.tsx

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import {
77
registerRemotes,
88
} from "@module-federation/enhanced/runtime";
99
import React, { lazy } from "react";
10+
import { useInRouterContext, useLocation } from "react-router-dom";
1011
import { RemoteModuleErrorBoundary } from "./RemoteModuleErrorBoundary";
1112

1213
export interface RemoteModuleProps<
@@ -118,5 +119,19 @@ function RawRemoteModule<ComponentProps extends object | undefined>({
118119
);
119120
}
120121

121-
export const RemoteModule = React.memo(RawRemoteModule);
122+
type RoutedRemoteModuleProps = RemoteModuleProps;
123+
124+
const RoutedRemoteModule = (props: RoutedRemoteModuleProps) => {
125+
useLocation();
126+
return <RawRemoteModule {...props} />;
127+
};
128+
129+
export const RemoteModule = React.memo(
130+
(props: RoutedRemoteModuleProps) =>
131+
useInRouterContext() ? (
132+
<RoutedRemoteModule {...props} />
133+
) : (
134+
<RawRemoteModule {...props} />
135+
),
136+
);
122137
RemoteModule.displayName = "RemoteModule";

0 commit comments

Comments
 (0)