diff --git a/packages/cli/templates/default-plugin/src/plugin.ts.hbs b/packages/cli/templates/default-plugin/src/plugin.ts.hbs
index 6a410a6a28..1bf4d07cdb 100644
--- a/packages/cli/templates/default-plugin/src/plugin.ts.hbs
+++ b/packages/cli/templates/default-plugin/src/plugin.ts.hbs
@@ -2,13 +2,13 @@ import { createPlugin, createRouteRef } from '@backstage/core';
 import ExampleComponent from './components/ExampleComponent';
 
 export const rootRouteRef = createRouteRef({
-path: '/{{ id }}',
-title: '{{ id }}',
+  path: '/{{ id }}',
+  title: '{{ id }}',
 });
 
 export const plugin = createPlugin({
-id: '{{ id }}',
-register({ router }) {
-router.addRoute(rootRouteRef, ExampleComponent);
-},
+  id: '{{ id }}',
+  register({ router }) {
+    router.addRoute(rootRouteRef, ExampleComponent);
+  },
 });
diff --git a/packages/dev-utils/src/devApp/render.tsx b/packages/dev-utils/src/devApp/render.tsx
index 0e28a5bf8b..410f7592a5 100644
--- a/packages/dev-utils/src/devApp/render.tsx
+++ b/packages/dev-utils/src/devApp/render.tsx
@@ -199,8 +199,17 @@ class DevAppBuilder {
 
     for (const plugin of plugins) {
       for (const output of plugin.output()) {
-        if (output.type === 'legacy-route') {
-          paths.push(output.path);
+        switch (output.type) {
+          case 'legacy-route': {
+            paths.push(output.path);
+            break;
+          }
+          case 'route': {
+            paths.push(output.target.path);
+            break;
+          }
+          default:
+            break;
         }
       }
     }