fix: memoize params

TouK · Nov 19, 2024 · 47f0da6 · 47f0da6
1 parent 089e089
commit 47f0da6
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/FederatedComponent.tsx b/src/FederatedComponent.tsx
@@ -1,4 +1,4 @@
-import React, { Fragment, RefAttributes } from "react";
+import React, { Fragment, RefAttributes, useMemo } from "react";
 import ReactDOM from "react-dom";
 import { FederatedModuleProvider, FederatedModuleProviderProps } from "./FederatedModuleProvider";
 import { useFederatedModule } from "./hooks";
@@ -36,8 +36,10 @@ function FederatedComponentRender<P extends NonNullable<unknown>, T>(
 ) {
     const [, scopeValue, , , , query] = splitUrl(url as ModuleUrl);
 
-    const searchParams = new URLSearchParams(query);
-    const params = Object.fromEntries(searchParams.entries()) as P;
+    const params = useMemo(() => {
+        const searchParams = new URLSearchParams(query);
+        return Object.fromEntries(searchParams.entries()) as P;
+    }, [query]);
 
     return (
         <FederatedModuleProvider url={url} fallback={fallback} buildHash={buildHash}>