catalog: remove EntityLoaderProvider and deprecate Router

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

.changeset/sweet-turtles-remain.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-catalog': patch
+---
+
+Deprecated `Router` in favor of using the plugin extensions.

plugins/catalog/api-report.md

@@ -401,7 +401,7 @@ export const isOrphan: (entity: Entity) => boolean;
 
 // Warning: (ae-missing-release-tag) "Router" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
 //
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export const Router: ({
   EntityPage,
 }: {

plugins/catalog/src/components/CatalogEntityPage/CatalogEntityPage.tsx

@@ -16,12 +16,13 @@
 
 import React from 'react';
 import { Outlet } from 'react-router';
-import { EntityLoaderProvider } from '../EntityLoaderProvider';
+import {
+  useEntityFromUrl,
+  AsyncEntityProvider,
+} from '@backstage/plugin-catalog-react';
 
-export const CatalogEntityPage = () => {
-  return (
-    <EntityLoaderProvider>
-      <Outlet />
-    </EntityLoaderProvider>
-  );
-};
+export const CatalogEntityPage = () => (
+  <AsyncEntityProvider {...useEntityFromUrl()}>
+    <Outlet />
+  </AsyncEntityProvider>
+);

plugins/catalog/src/components/Router.tsx

@@ -15,15 +15,16 @@
  */
 import { ENTITY_DEFAULT_NAMESPACE } from '@backstage/catalog-model';
 import {
+  AsyncEntityProvider,
   entityRoute,
   rootRoute,
   useEntity,
+  useEntityFromUrl,
 } from '@backstage/plugin-catalog-react';
 import { Link, Typography } from '@material-ui/core';
-import React, { ComponentType } from 'react';
+import React, { ComponentType, ReactNode } from 'react';
 import { Navigate, Route, Routes, useParams } from 'react-router';
 import { CatalogPage } from './CatalogPage';
-import { EntityLoaderProvider } from './EntityLoaderProvider';
 import { EntityNotFound } from './EntityNotFound';
 import { EntityPageLayout } from './EntityPageLayout';
 import { Content } from '@backstage/core-components';
@@ -73,6 +74,13 @@ const OldEntityRouteRedirect = () => {
   );
 };
 
+export const EntityLoader = (props: { children: ReactNode }) => (
+  <AsyncEntityProvider {...useEntityFromUrl()} {...props} />
+);
+
+/**
+ * @deprecated Use plugin extensions instead
+ * */
 export const Router = ({
   EntityPage = DefaultEntityPage,
 }: {
@@ -83,9 +91,9 @@ export const Router = ({
     <Route
       path={`${entityRoute.path}`}
       element={
-        <EntityLoaderProvider>
+        <EntityLoader>
           <EntityPageSwitch EntityPage={EntityPage} />
-        </EntityLoaderProvider>
+        </EntityLoader>
       }
     />
     <Route