plugins: wrap extension elements in compatWrapper

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
2023-11-27 17:09:16 +01:00
parent ea06590029
commit a1227cc993
12 changed files with 109 additions and 60 deletions
@@ -19,7 +19,10 @@ import {
  createPageExtension,
  createPlugin,
 } from '@backstage/frontend-plugin-api';
-import { convertLegacyRouteRef } from '@backstage/core-compat-api';
+import {
+  convertLegacyRouteRef,
+  compatWrapper,
+} from '@backstage/core-compat-api';
 import { settingsRouteRef } from './plugin';

 import React from 'react';
@@ -38,11 +41,13 @@ const UserSettingsPage = createPageExtension({
    ),
  },
  loader: ({ inputs }) =>
-    import('./components/SettingsPage').then(m => (
-      <m.SettingsPage
-        providerSettings={inputs.providerSettings?.output.element}
-      />
-    )),
+    import('./components/SettingsPage').then(m =>
+      compatWrapper(
+        <m.SettingsPage
+          providerSettings={inputs.providerSettings?.output.element}
+        />,
+      ),
+    ),
 });

 /**