Save the initial route name in screen tracking example

Author: satya164

.gitignore

@@ -1,6 +1,7 @@
 node_modules
 .DS_Store
 .docusaurus
+.history
 
 build/
 translated_docs/

static/examples/5.x/screen-tracking-for-analytics.js

@@ -35,11 +35,18 @@ function Settings({ navigation }) {
   );
 }
 
+const Stack = createStackNavigator();
+
 export default function App() {
   const routeNameRef = React.useRef();
   const navigationRef = React.useRef();
 
-  const Stack = createStackNavigator();
+  React.useEffect(() => {
+    const state = navigationRef.current.getRootState();
+
+    // Save the initial route name
+    routeNameRef.current = getActiveRouteName(state);
+  }, []);
 
   return (
     <NavigationContainer

versioned_docs/version-5.x/screen-tracking.md

@@ -38,6 +38,13 @@ export default function App() {
   const routeNameRef = React.useRef();
   const navigationRef = React.useRef();
 
+  React.useEffect(() => {
+    const state = navigationRef.current.getRootState();
+
+    // Save the initial route name
+    routeNameRef.current = getActiveRouteName(state);
+  }, []);
+
   return (
     <NavigationContainer
       ref={navigationRef}