MapView with Marker unresponsive until zooming the map

How to / Third Party Tooling
1

Hi,
I have created a simple MapView with a marker inside of it. When I load the page, I can still use the react navigation bottom tabs buttons. However, when I drag the MapView’s marker, I cannot click any other buttons.
There is a fix to this, and it is solved by zooming in or out after having moved the marker. This is very hacky, and not a solution. Anyone having experienced something like this?

    <View
      style={{
        flex: 1,
        alignItems: "center",
        justifyContent: "center",
      }}
    >
      <MapView
        style={styles.map}
        provider={PROVIDER_GOOGLE}
        initialRegion={{
          latitude: location.coords.latitude,
          longitude: location.coords.longitude,
          latitudeDelta: 0.15,
          longitudeDelta: 0.15,
        }}
        minZoomLevel={10}
        rotateEnabled={false}
        scrollEnabled={false}
        loadingEnabled={true}
      >
        <Marker
          key="marker"
          coordinate={{
            latitude: location.coords.latitude,
            longitude: location.coords.longitude,
          }}
          draggable
          onDragEnd={(e) => {
            setLocation({
              ...location,
              coords: {
                latitude: e.nativeEvent.coordinate.latitude,
                longitude: e.nativeEvent.coordinate.longitude,
              },
            });
          }}
        />
      </MapView>
    </View>