feat: pass query params to component

TouK · Nov 19, 2024 · b0e8b7e · b0e8b7e
1 parent 91b2598
commit b0e8b7e
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/FederatedComponent.tsx b/src/FederatedComponent.tsx
@@ -32,11 +32,14 @@ export function FederatedComponent<P extends NonNullable<unknown>>({
     scope,
     ...props
 }: FederatedComponentProps<P> & Pick<FederatedModuleProviderProps, "fallback" | "buildHash">) {
-    const [, scopeValue] = splitUrl(url as ModuleUrl);
+    const [, scopeValue, , , , query] = splitUrl(url as ModuleUrl);
+
+    const searchParams = new URLSearchParams(query);
+    const params = Object.fromEntries(searchParams.entries());
 
     return (
         <FederatedModuleProvider url={url} fallback={fallback} buildHash={buildHash}>
-            <Component scope={scope || scopeValue} {...props} />
+            <Component scope={scope || scopeValue} {...params} {...props} />
         </FederatedModuleProvider>
     );
 }