From a7a6090390ae4239fd49e6646d47ae61175191b4 Mon Sep 17 00:00:00 2001
From: chitrakshtarun <65770420+chitrakshtarun@users.noreply.github.com>
Date: Mon, 22 Jun 2026 16:27:54 +0530
Subject: [PATCH] fix: fix js bottom tabs crashing on contacts

---
 apps/example/src/Screens/Contacts.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/example/src/Screens/Contacts.tsx b/apps/example/src/Screens/Contacts.tsx
index 64871c98..4bdf7722 100644
--- a/apps/example/src/Screens/Contacts.tsx
+++ b/apps/example/src/Screens/Contacts.tsx
@@ -11,7 +11,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
-import { useBottomTabBarHeight } from 'react-native-bottom-tabs';
+import { BottomTabBarHeightContext } from 'react-native-bottom-tabs';
 import { MusicControl } from '../Components/MusicControl';
 
 type Item = { name: string; number: number };
@@ -104,7 +104,7 @@ export function Contacts({ query, ...rest }: Props) {
   console.log(Platform.OS, ' Rendering Contacts');
   const renderItem = ({ item }: { item: Item }) => <ContactItem item={item} />;
 
-  const tabBarHeight = useBottomTabBarHeight();
+  const tabBarHeight = React.useContext(BottomTabBarHeightContext) ?? 0;
   const ref = React.useRef<FlatList>(null);
   useScrollToTop(ref);