frontend-plugin-api: migration to IconElement + API reports

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

plugins/app-visualizer/report.api.md

@@ -8,6 +8,7 @@ import { ConfigurableExtensionDataRef } from '@backstage/frontend-plugin-api';
 import { ExtensionDataRef } from '@backstage/frontend-plugin-api';
 import { ExtensionInput } from '@backstage/frontend-plugin-api';
 import { IconComponent } from '@backstage/frontend-plugin-api';
+import { IconElement } from '@backstage/frontend-plugin-api';
 import { JSX as JSX_2 } from 'react';
 import { OverridableExtensionDefinition } from '@backstage/frontend-plugin-api';
 import { OverridableFrontendPlugin } from '@backstage/frontend-plugin-api';
@@ -68,7 +69,7 @@ const visualizerPlugin: OverridableFrontendPlugin<
             }
           >
         | ExtensionDataRef<
-            IconComponent,
+            IconElement,
             'core.icon',
             {
               optional: true;
@@ -103,7 +104,7 @@ const visualizerPlugin: OverridableFrontendPlugin<
         defaultPath?: [Error: `Use the 'path' param instead`];
         path: string;
         title?: string;
-        icon?: IconComponent;
+        icon?: IconElement;
         loader?: () => Promise<JSX.Element>;
         routeRef?: RouteRef;
       };
@@ -137,7 +138,7 @@ const visualizerPlugin: OverridableFrontendPlugin<
             }
           >
         | ExtensionDataRef<
-            IconComponent,
+            IconElement,
             'core.icon',
             {
               optional: true;
@@ -172,7 +173,7 @@ const visualizerPlugin: OverridableFrontendPlugin<
         defaultPath?: [Error: `Use the 'path' param instead`];
         path: string;
         title?: string;
-        icon?: IconComponent;
+        icon?: IconElement;
         loader?: () => Promise<JSX.Element>;
         routeRef?: RouteRef;
       };

plugins/app-visualizer/src/plugin.tsx

@@ -125,7 +125,7 @@ export const appVisualizerNavItem = NavItemBlueprint.make({
 export const visualizerPlugin = createFrontendPlugin({
   pluginId: 'app-visualizer',
   title: 'App Visualizer',
-  icon: () => <RiEyeLine />,
+  icon: <RiEyeLine />,
   info: { packageJson: () => import('../package.json') },
   extensions: [
     appVisualizerPage,