diff --git a/packages/core-app-api/src/app/AppManager.tsx b/packages/core-app-api/src/app/AppManager.tsx
index 31e093a145..a923b4131e 100644
--- a/packages/core-app-api/src/app/AppManager.tsx
+++ b/packages/core-app-api/src/app/AppManager.tsx
@@ -480,56 +480,3 @@ export class AppManager implements BackstageApp {
     }
   }
 }
-
-// interface FooPropsV1 {
-//   foo: () => undefined;
-// }
-
-// interface FooPropsV2 {
-//   foo: () => undefined;
-//   bar: () => undefined;
-// }
-
-// // type FooProps = {
-// //   foo: () => undefined
-// // } | {
-// //   foo: () => undefined
-// //   bar: () => undefined
-// // }
-
-// interface CreateDerpOptions {
-//   components: {
-//     Foo: (props: FooPropsV1 | FooPropsV2) => JSX.Element;
-//   };
-// }
-
-// interface Derp {
-//   getComponents(): {
-//     Foo: (props: FooPropsV1) => JSX.Element;
-//   };
-// }
-
-// function createDerp(options: CreateDerpOptions): Derp {
-//   return { getComponents: () => options.components };
-// }
-
-// function CustomFoo(props: FooPropsV1) {
-//   return <div>{props.foo()}</div>;
-// }
-
-// function NewCustomFoo(props: FooPropsV2) {
-//   return (
-//     <div>
-//       {props.foo()} {props.bar()}
-//     </div>
-//   );
-// }
-
-// const derp = createDerp({
-//   components: {
-//     Foo: NewCustomFoo,
-//   },
-// });
-
-// const { Foo } = derp.getComponents();
-// const _foo = <Foo foo={() => undefined} />;