plugins: cleanup unnecessary use of compatWrapper

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

plugins/api-docs/src/alpha.tsx

@@ -23,10 +23,7 @@ import {
   createFrontendPlugin,
 } from '@backstage/frontend-plugin-api';
 
-import {
-  compatWrapper,
-  convertLegacyRouteRef,
-} from '@backstage/core-compat-api';
+import { convertLegacyRouteRef } from '@backstage/core-compat-api';
 
 import {
   ApiEntity,
@@ -48,7 +45,7 @@ const apiDocsNavItem = NavItemBlueprint.make({
   params: {
     title: 'APIs',
     routeRef: convertLegacyRouteRef(rootRoute),
-    icon: () => compatWrapper(<AppIcon id="kind:api" />),
+    icon: () => <AppIcon id="kind:api" />,
   },
 });
 
@@ -82,13 +79,11 @@ const apiDocsExplorerPage = PageBlueprint.makeWithOverrides({
       path: '/api-docs',
       routeRef: convertLegacyRouteRef(rootRoute),
       loader: () =>
-        import('./components/ApiExplorerPage').then(m =>
-          compatWrapper(
-            <m.ApiExplorerIndexPage
-              initiallySelectedFilter={config.initiallySelectedFilter}
-            />,
-          ),
-        ),
+        import('./components/ApiExplorerPage').then(m => (
+          <m.ApiExplorerIndexPage
+            initiallySelectedFilter={config.initiallySelectedFilter}
+          />
+        )),
     });
   },
 });
@@ -109,10 +104,7 @@ const apiDocsHasApisEntityCard = EntityCardBlueprint.make({
         )!!
       );
     },
-    loader: () =>
-      import('./components/ApisCards').then(m =>
-        compatWrapper(<m.HasApisCard />),
-      ),
+    loader: () => import('./components/ApisCards').then(m => <m.HasApisCard />),
   },
 });
 
@@ -121,9 +113,9 @@ const apiDocsDefinitionEntityCard = EntityCardBlueprint.make({
   params: {
     filter: 'kind:api',
     loader: () =>
-      import('./components/ApiDefinitionCard').then(m =>
-        compatWrapper(<m.ApiDefinitionCard />),
-      ),
+      import('./components/ApiDefinitionCard').then(m => (
+        <m.ApiDefinitionCard />
+      )),
   },
 });
 
@@ -135,9 +127,7 @@ const apiDocsConsumedApisEntityCard = EntityCardBlueprint.make({
     // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
     filter: 'kind:component',
     loader: () =>
-      import('./components/ApisCards').then(m =>
-        compatWrapper(<m.ConsumedApisCard />),
-      ),
+      import('./components/ApisCards').then(m => <m.ConsumedApisCard />),
   },
 });
 
@@ -149,9 +139,7 @@ const apiDocsProvidedApisEntityCard = EntityCardBlueprint.make({
     // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
     filter: 'kind:component',
     loader: () =>
-      import('./components/ApisCards').then(m =>
-        compatWrapper(<m.ProvidedApisCard />),
-      ),
+      import('./components/ApisCards').then(m => <m.ProvidedApisCard />),
   },
 });
 
@@ -163,9 +151,9 @@ const apiDocsConsumingComponentsEntityCard = EntityCardBlueprint.make({
     // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
     filter: 'kind:api',
     loader: () =>
-      import('./components/ComponentsCards').then(m =>
-        compatWrapper(<m.ConsumingComponentsCard />),
-      ),
+      import('./components/ComponentsCards').then(m => (
+        <m.ConsumingComponentsCard />
+      )),
   },
 });
 
@@ -177,9 +165,9 @@ const apiDocsProvidingComponentsEntityCard = EntityCardBlueprint.make({
     // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
     filter: 'kind:api',
     loader: () =>
-      import('./components/ComponentsCards').then(m =>
-        compatWrapper(<m.ProvidingComponentsCard />),
-      ),
+      import('./components/ComponentsCards').then(m => (
+        <m.ProvidingComponentsCard />
+      )),
   },
 });
 
@@ -190,15 +178,13 @@ const apiDocsDefinitionEntityContent = EntityContentBlueprint.make({
     title: 'Definition',
     filter: 'kind:api',
     loader: async () =>
-      import('./components/ApiDefinitionCard').then(m =>
-        compatWrapper(
-          <Grid container spacing={3}>
-            <Grid item xs={12}>
-              <m.ApiDefinitionCard />
-            </Grid>
-          </Grid>,
-        ),
-      ),
+      import('./components/ApiDefinitionCard').then(m => (
+        <Grid container spacing={3}>
+          <Grid item xs={12}>
+            <m.ApiDefinitionCard />
+          </Grid>
+        </Grid>
+      )),
   },
 });
 
@@ -209,18 +195,16 @@ const apiDocsApisEntityContent = EntityContentBlueprint.make({
     title: 'APIs',
     filter: 'kind:component',
     loader: async () =>
-      import('./components/ApisCards').then(m =>
-        compatWrapper(
-          <Grid container spacing={3} alignItems="stretch">
-            <Grid item xs={12}>
-              <m.ProvidedApisCard />
-            </Grid>
-            <Grid item xs={12}>
-              <m.ConsumedApisCard />
-            </Grid>
-          </Grid>,
-        ),
-      ),
+      import('./components/ApisCards').then(m => (
+        <Grid container spacing={3} alignItems="stretch">
+          <Grid item xs={12}>
+            <m.ProvidedApisCard />
+          </Grid>
+          <Grid item xs={12}>
+            <m.ConsumedApisCard />
+          </Grid>
+        </Grid>
+      )),
   },
 });