diff --git a/packages/dev-utils/src/devApp/apiFactories.ts b/packages/dev-utils/src/devApp/apiFactories.ts
index 162375cf1c..967918d87a 100644
--- a/packages/dev-utils/src/devApp/apiFactories.ts
+++ b/packages/dev-utils/src/devApp/apiFactories.ts
@@ -22,6 +22,8 @@ import {
   createApiFactory,
   ErrorAlerter,
   AlertApiForwarder,
+  oauthRequestApiRef,
+  OAuthRequestManager,
 } from '@backstage/core';
 
 // TODO(rugvip): We should likely figure out how to reuse all of these between apps
@@ -41,3 +43,9 @@ export const errorApiFactory = createApiFactory({
   factory: ({ alertApi }) =>
     new ErrorAlerter(alertApi, new ErrorApiForwarder()),
 });
+
+export const oauthRequestApiFactory = createApiFactory({
+  implements: oauthRequestApiRef,
+  deps: {},
+  factory: () => new OAuthRequestManager(),
+});
diff --git a/packages/dev-utils/src/devApp/render.tsx b/packages/dev-utils/src/devApp/render.tsx
index 5a28a43e8b..b174a0447f 100644
--- a/packages/dev-utils/src/devApp/render.tsx
+++ b/packages/dev-utils/src/devApp/render.tsx
@@ -30,6 +30,7 @@ import {
   ApiTestRegistry,
   ApiHolder,
   AlertDisplay,
+  OAuthRequestDialog,
 } from '@backstage/core';
 import * as defaultApiFactories from './apiFactories';
 
@@ -90,6 +91,7 @@ class DevAppBuilder {
       return (
         <AppProvider>
           <AlertDisplay />
+          <OAuthRequestDialog />
           {this.rootChildren}
           <BrowserRouter>
             <SidebarPage>