From 644e365fc380a0093b075c220f39bbdda3a0d30e Mon Sep 17 00:00:00 2001
From: benjdlambert <ben@blam.sh>
Date: Thu, 1 May 2025 11:38:46 +0200
Subject: [PATCH] fix(nfs): Dialog contents need to be wrapped up in
 `compatWrapper`

Signed-off-by: benjdlambert <ben@blam.sh>
---
 .../catalog/src/alpha/contextMenuItems.tsx    | 34 +++++++++++--------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/plugins/catalog/src/alpha/contextMenuItems.tsx b/plugins/catalog/src/alpha/contextMenuItems.tsx
index d503bc33a1..4173a4d074 100644
--- a/plugins/catalog/src/alpha/contextMenuItems.tsx
+++ b/plugins/catalog/src/alpha/contextMenuItems.tsx
@@ -37,6 +37,7 @@ import {
 import { rootRouteRef, unregisterRedirectRouteRef } from '../routes';
 import { catalogEntityDeletePermission } from '@backstage/plugin-catalog-common/alpha';
 import { useEffect } from 'react';
+import { compatWrapper } from '@backstage/core-compat-api';
 
 export const copyEntityUrlContextMenuItem = EntityContextMenuItemBlueprint.make(
   {
@@ -99,6 +100,7 @@ export const unregisterEntityContextMenuItem =
         const dialogApi = useApi(dialogApiRef);
         const navigate = useNavigate();
         const catalogRoute = useRouteRef(rootRouteRef);
+
         const { t } = useTranslationRef(catalogTranslationRef);
         const unregisterRedirectRoute = useRouteRef(unregisterRedirectRouteRef);
         const unregisterPermission = useEntityPermission(
@@ -109,21 +111,23 @@ export const unregisterEntityContextMenuItem =
           title: t('entityContextMenu.unregisterMenuTitle'),
           disabled: !unregisterPermission.allowed,
           onClick: async () => {
-            dialogApi.showModal(({ dialog }: { dialog: DialogApiDialog }) => (
-              <UnregisterEntityDialog
-                open
-                entity={entity}
-                onClose={() => dialog.close()}
-                onConfirm={() => {
-                  dialog.close();
-                  navigate(
-                    unregisterRedirectRoute
-                      ? unregisterRedirectRoute()
-                      : catalogRoute(),
-                  );
-                }}
-              />
-            ));
+            dialogApi.showModal(({ dialog }: { dialog: DialogApiDialog }) =>
+              compatWrapper(
+                <UnregisterEntityDialog
+                  open
+                  entity={entity}
+                  onClose={() => dialog.close()}
+                  onConfirm={() => {
+                    dialog.close();
+                    navigate(
+                      unregisterRedirectRoute
+                        ? unregisterRedirectRoute()
+                        : catalogRoute(),
+                    );
+                  }}
+                />,
+              ),
+            );
           },
         };
       },