diff --git a/packages/app-next/src/App.tsx b/packages/app-next/src/App.tsx
index 0452cc3709..aa9bb985c2 100644
--- a/packages/app-next/src/App.tsx
+++ b/packages/app-next/src/App.tsx
@@ -14,8 +14,6 @@
  * limitations under the License.
  */
 
-import { graphiqlPlugin as legacyGraphiqlPlugin } from '@backstage/plugin-graphiql';
-import { createApp as createLegacyApp } from '@backstage/app-defaults';
 import { createApp } from '@backstage/frontend-app-api';
 import { pagesPlugin } from './examples/pagesPlugin';
 import graphiqlPlugin from '@backstage/plugin-graphiql/alpha';
@@ -61,9 +59,9 @@ const app = createApp({
   // },
 });
 
-const legacyApp = createLegacyApp({ plugins: [legacyGraphiqlPlugin] });
+// const legacyApp = createLegacyApp({ plugins: [legacyGraphiqlPlugin] });
 
-export default legacyApp.createRoot(app.createRoot());
+export default app.createRoot();
 
 // const routes = (
 //   <FlatRoutes>
diff --git a/packages/app-next/src/index.tsx b/packages/app-next/src/index.tsx
index b15bc4c102..3c354b06d0 100644
--- a/packages/app-next/src/index.tsx
+++ b/packages/app-next/src/index.tsx
@@ -15,8 +15,7 @@
  */
 
 import '@backstage/cli/asset-types';
-import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './App';
+import app from './App';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+ReactDOM.render(app, document.getElementById('root'));