From 76e03f926bf6ad17d6da7f8111ef9b7659353ef5 Mon Sep 17 00:00:00 2001
From: Oskar Eichler <62393985+OskarEichler@users.noreply.github.com>
Date: Fri, 28 Aug 2026 01:56:13 +0300
Subject: [PATCH] fix(example): retain navigator component identities

---
 example/src/MaterialTopTabExample.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/example/src/MaterialTopTabExample.tsx b/example/src/MaterialTopTabExample.tsx
index 20318a07..aa29a3c3 100644
--- a/example/src/MaterialTopTabExample.tsx
+++ b/example/src/MaterialTopTabExample.tsx
@@ -4,6 +4,9 @@ import { createMaterialTopTabNavigator } from '@react-navigation/material-top-ta
 
 import { View, Text, Button } from 'react-native';
 
+const TopTabs = createMaterialTopTabNavigator();
+const Stack = createNativeStackNavigator();
+
 function Tab1() {
   return (
     <View
@@ -46,7 +49,7 @@ const PreAuthScreen = (props: any) => {
 };
 
 const PostAuthScreen = (props: any) => {
-  const { Navigator, Screen } = createMaterialTopTabNavigator();
+  const { Navigator, Screen } = TopTabs;
   const onLogout = () => {
     setTimeout(() => {
       props.setIsSignedIn(false);
@@ -66,7 +69,7 @@ const PostAuthScreen = (props: any) => {
 };
 
 export function MaterialTopBarExample() {
-  const { Screen, Navigator } = createNativeStackNavigator();
+  const { Screen, Navigator } = Stack;
   const [isSignedIn, setIsSignedIn] = useState(false);
 
   return (