From fe08d59921fa28fb4db18cc2add76efe938ff132 Mon Sep 17 00:00:00 2001
From: Johan Haals <johan.haals@gmail.com>
Date: Mon, 15 Feb 2021 14:05:07 +0100
Subject: [PATCH] Replace deprecated catalog routing

Co-authored-by: Patrik Oldsberg <poldsberg@gmail.com>
---
 packages/app/src/App.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/app/src/App.tsx b/packages/app/src/App.tsx
index 9350106287..1cb83da41c 100644
--- a/packages/app/src/App.tsx
+++ b/packages/app/src/App.tsx
@@ -24,7 +24,8 @@ import {
 } from '@backstage/core';
 import {
   catalogPlugin,
-  Router as CatalogRouter,
+  CatalogIndexPage,
+  CatalogEntityPage,
 } from '@backstage/plugin-catalog';
 import { CatalogImportPage } from '@backstage/plugin-catalog-import';
 import { ExplorePage } from '@backstage/plugin-explore';
@@ -88,11 +89,14 @@ const catalogRouteRef = createRouteRef({
 const routes = (
   <FlatRoutes>
     <Navigate key="/" to="/catalog" />
-    <Route path="/catalog-import" element={<CatalogImportPage />} />
+    <Route path="/catalog" element={<CatalogIndexPage />} />
     <Route
-      path={`${catalogRouteRef.path}`}
-      element={<CatalogRouter EntityPage={EntityPage} />}
-    />
+      path="/catalog/:namespace/:kind/:name"
+      element={<CatalogEntityPage />}
+    >
+      <EntityPage />
+    </Route>
+    <Route path="/catalog-import" element={<CatalogImportPage />} />
     <Route path="/docs" element={<DocsRouter />} />
     <Route path="/create" element={<TemplateIndexPage />} />
     <Route path="/create/templates/:templateName" element={<TemplatePage />} />