From 55feafb2c173693b11c2143c8b5d6112dfc53066 Mon Sep 17 00:00:00 2001
From: Tomasz Misiukiewicz <tomasz.misiukiewicz@callstack.com>
Date: Wed, 3 Jul 2024 11:20:52 +0200
Subject: [PATCH 1/2] render mapview when access token is set in a library

---
 src/components/MapView/MapView.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/MapView/MapView.tsx b/src/components/MapView/MapView.tsx
index 283f7c396edb..7f5547e5e5a8 100644
--- a/src/components/MapView/MapView.tsx
+++ b/src/components/MapView/MapView.tsx
@@ -37,6 +37,7 @@ const MapView = forwardRef<MapViewHandle, ComponentProps>(
         const currentPosition = userLocation ?? initialLocation;
         const [userInteractedWithMap, setUserInteractedWithMap] = useState(false);
         const shouldInitializeCurrentPosition = useRef(true);
+        const [isAccessTokenSet, setIsAccessTokenSet] = useState(false);
 
         // Determines if map can be panned to user's detected
         // location without bothering the user. It will return
@@ -138,7 +139,12 @@ const MapView = forwardRef<MapViewHandle, ComponentProps>(
         }, [navigation]);
 
         useEffect(() => {
-            setAccessToken(accessToken);
+            setAccessToken(accessToken).then((token) => {
+                if(!token) {
+                    return;
+                }
+                setIsAccessTokenSet(true);
+            });
         }, [accessToken]);
 
         const setMapIdle = (e: MapState) => {
@@ -198,7 +204,7 @@ const MapView = forwardRef<MapViewHandle, ComponentProps>(
         const initCenterCoordinate = useMemo(() => (interactive ? centerCoordinate : undefined), [interactive, centerCoordinate]);
         const initBounds = useMemo(() => (interactive ? undefined : waypointsBounds), [interactive, waypointsBounds]);
 
-        return !isOffline && !!accessToken && !!defaultSettings ? (
+        return !isOffline && isAccessTokenSet && !!defaultSettings ? (
             <View style={[style, !interactive ? styles.pointerEventsNone : {}]}>
                 <Mapbox.MapView
                     style={{flex: 1}}

From 4ebb8f667f8d9865be8f6f0b8977f0beca9a9856 Mon Sep 17 00:00:00 2001
From: Tomasz Misiukiewicz <tomasz.misiukiewicz@callstack.com>
Date: Wed, 3 Jul 2024 11:30:45 +0200
Subject: [PATCH 2/2] fix lint

---
 src/components/MapView/MapView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MapView/MapView.tsx b/src/components/MapView/MapView.tsx
index 7f5547e5e5a8..553be816cf3f 100644
--- a/src/components/MapView/MapView.tsx
+++ b/src/components/MapView/MapView.tsx
@@ -140,7 +140,7 @@ const MapView = forwardRef<MapViewHandle, ComponentProps>(
 
         useEffect(() => {
             setAccessToken(accessToken).then((token) => {
-                if(!token) {
+                if (!token) {
                     return;
                 }
                 setIsAccessTokenSet(true);