diff --git a/packages/components/src/navigator/index.ts b/packages/components/src/navigator/index.tsx
similarity index 100%
rename from packages/components/src/navigator/index.ts
rename to packages/components/src/navigator/index.tsx
diff --git a/packages/components/src/navigator/navigator/component.tsx b/packages/components/src/navigator/navigator/component.tsx
index 41d80f6c31783b..08a0ebfd26f0fc 100644
--- a/packages/components/src/navigator/navigator/component.tsx
+++ b/packages/components/src/navigator/navigator/component.tsx
@@ -272,32 +272,4 @@ function UnconnectedNavigator(
 	);
 }
 
-/**
- * The `Navigator` component allows rendering nested views/panels/menus
- * (via the `Navigator.Screen` component) and navigate between these different
- * view (via the `Navigator.Button` and `Navigator.BackButton` components or the
- * `useNavigator` hook).
- *
- * ```jsx
- * import { Navigator } from '@wordpress/components';
- *
- * const MyNavigation = () => (
- *   <Navigator initialPath="/">
- *     <Navigator.Screen path="/">
- *       <p>This is the home screen.</p>
- *        <Navigator.Button path="/child">
- *          Navigate to child screen.
- *       </Navigator.Button>
- *     </Navigator.Screen>
- *
- *     <Navigator.Screen path="/child">
- *       <p>This is the child screen.</p>
- *       <Navigator.BackButton>
- *         Go back
- *       </Navigator.BackButton>
- *     </Navigator.Screen>
- *   </Navigator>
- * );
- * ```
- */
 export const Navigator = contextConnect( UnconnectedNavigator, 'Navigator' );