refactor: use new app setup (#257)

ChristopherFry · web-flow · commit 7de057e4f7cf · 2023-04-06T23:04:42.000-07:00
diff --git a/packages/app/src/App.tsx b/packages/app/src/App.tsx
@@ -21,17 +21,14 @@ import { apis } from './apis';
 import { Root } from './components/Root';
 
 import { createApp } from '@backstage/app-defaults';
-import { FlatRoutes } from '@backstage/core-app-api';
+import { AppRouter, FlatRoutes } from '@backstage/core-app-api';
 import { AlertDisplay, OAuthRequestDialog } from '@backstage/core-components';
 import { CadPage } from '@kpt/backstage-plugin-cad';
 
 const app = createApp({
   apis,
 });
 
-const AppProvider = app.getProvider();
-const AppRouter = app.getRouter();
-
 const routes = (
   <FlatRoutes>
     <Navigate key="/" to="config-as-data" />
@@ -40,14 +37,12 @@ const routes = (
   </FlatRoutes>
 );
 
-const App = () => (
-  <AppProvider>
+export default app.createRoot(
+  <>
     <AlertDisplay />
     <OAuthRequestDialog />
     <AppRouter>
       <Root>{routes}</Root>
     </AppRouter>
-  </AppProvider>
+  </>,
 );
-
-export default App;
