Follow user mode can't be set

Bug description followUserMode="compass" changes back to null and followUserLocation to false

To Reproduce Steps to reproduce the behavior

        <Mapbox.MapView
          style={[
            styles.map,
            { height, borderRadius: theme.roundness, overflow: 'hidden' },
          ]}
          scrollEnabled={true}
          zoomEnabled={true}
          //
          pitchEnabled={true}
          rotateEnabled={false}
          //
          compassEnabled={false}
          attributionEnabled={false}
          localizeLabels={true}
          logoEnabled={false}
          styleURL={styleURL}
          mode={Mapbox.UserTrackingModes.FollowWithHeading}
        >
          <Mapbox.Camera
            followZoomLevel={config.initialZoomLevel}
            followUserLocation={true}
            followUserMode={'compass'}
            onUserTrackingModeChange={onUserTrackingModeChange}
          />

          <Mapbox.UserLocation visible animated />
        </Mapbox.MapView>

const onUserTrackingModeChange = useCallback(event => {
    event.persist()
    console.log(event)

onUserTrackingModeChange result after init

nativeEvent:
  payload:
     followUserLocation: false
     followUserMode: null
  type: "usertrackingmodechange"

Expected behavior I want to have the same view as in the Mapbox Android example

Screenshots I get the wrong heading, no compass on the user location an no following in the rotation of the map.

Versions:

• Platform: Android
• Device: Oneplus A6003
• OS: Android 9
• React Native Version: 0.60.4

Context

UPDATE: after some digging and in RCTMGLCamera and disabling:

        MapboxMap.CancelableCallback cameraCallback = new MapboxMap.CancelableCallback() {
            @Override
            public void onCancel() {
//                mUserTrackingState = UserTrackingState.CHANGED;
            }

            @Override
            public void onFinish() {
//                mUserTrackingState = UserTrackingState.CHANGED;
            }
        };

It works! Seems like tracking change should not be changed too quick. updateUserLocationSignificantly updateUserLocationIncrementally

[grant1842]

I wanted to add that only commenting out the onFinish line for updateUserLocationSignificantly worked for me as well.

Instead of modifying the core library, I was also able to get rid of the issue by setting the followUserLocation property to a state variable that is false by default. When the map is fully rendered with my current zoom and coordinates, I set the followUserLocation state variable to true. Seems to work well so far.

state = {
    followUserLocation: false,
}
<MapboxGL.MapView
    style={styles.map}
    onDidFinishRenderingMapFully={(r) => {
        this.setState({followUserLocation: true})
    }}
>
<MapboxGL.Camera                        
    zoomLevel={16}
    followZoomLevel={16}
    followUserLocation={this.state.followUserLocation}
    followUserMode={MapboxGL.UserTrackingModes.FollowWithCourse}
/>
</MapboxGL.MapView>

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.