Updated post 🚀

Author: chicio

src/posts/2022-06-06-microfrontend-module-federation-dynamic-configuration.md

@@ -368,24 +368,24 @@ declare module 'cancelOrder/CancelOrderWidget' {
 
 // ...CancelOrderPage.tsx
 
-import React, {FC} from "react";
+import React, {FC, Suspense} from "react";
 import {useParams} from "react-router-dom";
 
 const CancelOrderWidget = React.lazy(() => import("cancelOrder/CancelOrderWidget"));
 
 type UrlParams = {
-    orderId: string;
+  orderId: string;
 }
 
 export const CancelOrderPage: FC = () => {
-    const { orderId } = useParams<UrlParams>();
-
-    return (
-        <React.Suspense fallback={<div/>}>
-            <CancelOrderWidget
-                orderId={orderId ?? ""}/>
-        </React.Suspense>
-    );
+  const { orderId } = useParams<UrlParams>();
+
+  return (
+    <Suspense fallback={<div/>}>
+  <CancelOrderWidget
+    orderId={orderId ?? ""}/>
+  </Suspense>
+);
 }
 
 ```