[Bug]: all of the ref methods of Camera component are not working

[zju1]

Mapbox Implementation

Mapbox

Mapbox Version

default

React Native Version

0.76.3

Platform

Android

@rnmapbox/maps version

10.1.33

Standalone component to reproduce

import React, {useRef} from 'react';
import {
  MapView,
  ShapeSource,
  LineLayer,
  Camera,
} from '@rnmapbox/maps';
import {TouchableOpacity ,Text,View} from 'react-native';


function BugReportExample() {
   const cameraRef = useRef<Camera>(null);
   const locateUser = () => {
    // Logic to get user locations
    const coords = // This line is working correctly so I am not providing it. console.log(options) shows accurate location etc.;
    cameraRef.current.flyTo(coords,10);
   }
    return (
      <View>
        <TouchableOpacity onPress={locateUser}>
          <Text> Locate </Text>
        </TouchableOpacity >
        <MapView style={{flex: 1}}>
          <Camera ref={cameraRef} zoomLevel={14} />
        </MapView>
     </View>
    );
}

Observed behavior and steps to reproduce

Nothing happens.
Also zoomTo, moveTo, setCamera methods are not working. No errors, no warnings. Just not working.

Expected behavior

Camera flies to given coordinates.

Notes / preliminary analysis

No response

Additional links and references

No response

[draggie]

So i have done some brief analysis regarding this issue - if you call cameraRef methods in callback using some button or just call them ~100 miliseconds after view is initialised it works fine.

[yuriydrobniy]

any solution for this issue?

[yuriydrobniy]

I found that followUserLocation on the native side initially defaults to true, which caused an issue where cameraRef.current.flyTo didn’t work for me. In this patch (for patch-package), I updated the behavior, and now the cameraRef works as expected.

@rnmapbox+maps+10.1.33.patch

[zju1]

any solution for this issue?

yes. moved to another map )

[IAlphaOmegaI]

I found that followUserLocation on the native side initially defaults to true, which caused an issue where cameraRef.current.flyTo didn’t work for me. In this patch (for patch-package), I updated the behavior, and now the cameraRef works as expected.

@rnmapbox+maps+10.1.33.patch

Even though I added your patch, I still face the same issue of .flyTo being useless

  useFocusEffect(
    useCallback(() => {
      if (!coordinates) return;
      cameraRef.current?.flyTo(coordinates);
    }, [coordinates]),
  );

return ( <Camera
          ref={cameraRef}
          centerCoordinate={currentCoordinates}
          followZoomLevel={14}
          zoomLevel={14}
  
        />
)

Any other solutions, help is greatly appreciated