diff --git a/docs/navigation.md b/docs/navigation.md
index 7ff4175a1cf..4494694331a 100644
--- a/docs/navigation.md
+++ b/docs/navigation.md
@@ -60,9 +60,7 @@ import {NavigationContainer} from '@react-navigation/native';
 
 export default function App() {
   return (
-    <NavigationContainer>
-      {/* Rest of your app code */}
-    </NavigationContainer>
+    <NavigationContainer>{/* Rest of your app code */}</NavigationContainer>
   );
 }
 ```
@@ -86,10 +84,10 @@ function MyStack() {
       <Stack.Navigator>
         <Stack.Screen
           name="Home"
-          component={Home}
+          component={HomeScreen}
           options={{title: 'Welcome'}}
         />
-        <Stack.Screen name="Profile" component={Profile} />
+        <Stack.Screen name="Profile" component={ProfileScreen} />
       </Stack.Navigator>
     </NavigationContainer>
   );
@@ -111,6 +109,9 @@ function HomeScreen({navigation}) {
     />
   );
 }
+function ProfileScreen() {
+  return <Text>This is Jane's profile</Text>;
+}
 ```
 
 The views in the stack navigator use native components and the [`Animated`](animated.md) library to deliver 60fps animations that are run on the native thread. Plus, the animations and gestures can be customized.