From a9611d42518156fc568ddf023713e345be99720f Mon Sep 17 00:00:00 2001
From: Camila Belo <camilaibs@gmail.com>
Date: Fri, 20 Oct 2023 09:52:47 +0200
Subject: [PATCH] fix(catalog-react): make entity content routable

Signed-off-by: Camila Belo <camilaibs@gmail.com>
---
 plugins/catalog-react/src/alpha.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/plugins/catalog-react/src/alpha.tsx b/plugins/catalog-react/src/alpha.tsx
index d2eeb8f5f3..58762b1994 100644
--- a/plugins/catalog-react/src/alpha.tsx
+++ b/plugins/catalog-react/src/alpha.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import React from 'react';
+import React, { lazy } from 'react';
 import {
   AnyExtensionInputMap,
   Extension,
@@ -67,7 +67,7 @@ export function createEntityCardExtension<
     inputs: options.inputs,
     configSchema: options.configSchema,
     factory({ bind, config, inputs, source }) {
-      const ExtensionComponent = React.lazy(() =>
+      const ExtensionComponent = lazy(() =>
         options
           .loader({ config, inputs })
           .then(element => ({ default: () => element })),
@@ -137,7 +137,7 @@ export function createEntityContentExtension<
     inputs: options.inputs,
     configSchema,
     factory({ bind, config, inputs, source }) {
-      const LazyComponent = React.lazy(() =>
+      const ExtensionComponent = lazy(() =>
         options
           .loader({ config, inputs })
           .then(element => ({ default: () => element })),
@@ -145,13 +145,13 @@ export function createEntityContentExtension<
 
       bind({
         path: config.path,
+        title: config.title,
+        routeRef: options.routeRef,
         element: (
-          <ExtensionBoundary id={id} source={source}>
-            <LazyComponent />
+          <ExtensionBoundary id={id} source={source} routable>
+            <ExtensionComponent />
           </ExtensionBoundary>
         ),
-        routeRef: options.routeRef,
-        title: config.title,
       });
     },
   });