From de595c955c18978a45aa53464f0ed99337072214 Mon Sep 17 00:00:00 2001
From: Camila Belo <camilaibs@gmail.com>
Date: Thu, 30 Nov 2023 16:19:30 +0100
Subject: [PATCH] refactor: use progress component on extention error boundary

Signed-off-by: Camila Belo <camilaibs@gmail.com>
---
 .../frontend-plugin-api/src/components/ExtensionBoundary.tsx   | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/frontend-plugin-api/src/components/ExtensionBoundary.tsx b/packages/frontend-plugin-api/src/components/ExtensionBoundary.tsx
index 1e946efba9..d830f665f0 100644
--- a/packages/frontend-plugin-api/src/components/ExtensionBoundary.tsx
+++ b/packages/frontend-plugin-api/src/components/ExtensionBoundary.tsx
@@ -64,6 +64,7 @@ export function ExtensionBoundary(props: ExtensionBoundaryProps) {
   const componentsApi = useApi(componentsApiRef);
 
   const plugin = node.spec.source;
+  const Progress = componentsApi.getComponent(coreComponentsRefs.progress);
   const fallback = componentsApi.getComponent(
     coreComponentsRefs.errorBoundaryFallback,
   );
@@ -75,7 +76,7 @@ export function ExtensionBoundary(props: ExtensionBoundaryProps) {
   };
 
   return (
-    <Suspense fallback="Loading...">
+    <Suspense fallback={<Progress />}>
       <ErrorBoundary plugin={plugin} fallback={fallback}>
         <AnalyticsContext attributes={attributes}>
           <RouteTracker disableTracking={!routable}>{children}</RouteTracker>