From f28c68a13d6de3146c055c121236bd752450923f Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Sun, 23 Nov 2025 13:06:13 +0100
Subject: [PATCH] app-next: remove compatWrapper

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
---
 .../app-next/src/modules/appModuleNav.tsx     | 59 +++++++++----------
 1 file changed, 28 insertions(+), 31 deletions(-)

diff --git a/packages/app-next/src/modules/appModuleNav.tsx b/packages/app-next/src/modules/appModuleNav.tsx
index aa7d92bd1b..ff89b2d1de 100644
--- a/packages/app-next/src/modules/appModuleNav.tsx
+++ b/packages/app-next/src/modules/appModuleNav.tsx
@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import { compatWrapper } from '@backstage/core-compat-api';
 import {
   Link,
   Sidebar,
@@ -106,36 +105,34 @@ export const appModuleNav = createFrontendModule({
   extensions: [
     NavContentBlueprint.make({
       params: {
-        component: ({ items }) => {
-          return compatWrapper(
-            <Sidebar>
-              <SidebarLogo />
-              <SidebarGroup label="Search" icon={<SearchIcon />} to="/search">
-                <SidebarSearchModal />
-              </SidebarGroup>
-              <SidebarDivider />
-              <SidebarGroup label="Menu" icon={<MenuIcon />}>
-                <SidebarScrollWrapper>
-                  {items.map((item, index) => (
-                    <SidebarItem {...item} key={index} />
-                  ))}
-                </SidebarScrollWrapper>
-              </SidebarGroup>
-              <SidebarDivider />
-              <SidebarSpace />
-              <SidebarDivider />
-              <SidebarGroup
-                label="Settings"
-                icon={<UserSettingsSignInAvatar />}
-                to="/settings"
-              >
-                <NotificationsSidebarItem />
-                <SidebarItem icon={BuildIcon} to="devtools" text="DevTools" />
-                <Settings />
-              </SidebarGroup>
-            </Sidebar>,
-          );
-        },
+        component: ({ items }) => (
+          <Sidebar>
+            <SidebarLogo />
+            <SidebarGroup label="Search" icon={<SearchIcon />} to="/search">
+              <SidebarSearchModal />
+            </SidebarGroup>
+            <SidebarDivider />
+            <SidebarGroup label="Menu" icon={<MenuIcon />}>
+              <SidebarScrollWrapper>
+                {items.map((item, index) => (
+                  <SidebarItem {...item} key={index} />
+                ))}
+              </SidebarScrollWrapper>
+            </SidebarGroup>
+            <SidebarDivider />
+            <SidebarSpace />
+            <SidebarDivider />
+            <SidebarGroup
+              label="Settings"
+              icon={<UserSettingsSignInAvatar />}
+              to="/settings"
+            >
+              <NotificationsSidebarItem />
+              <SidebarItem icon={BuildIcon} to="devtools" text="DevTools" />
+              <Settings />
+            </SidebarGroup>
+          </Sidebar>
+        ),
       },
     }),
   ],