watchPosition returning undefined

[mrousavy]

Hi!

I'm using watchPosition to get frequent location changes.

I have created a react hook for this, but the location always stays undefined, the success callback is never called (neither is the Error callback).

import Geolocation from 'react-native-geolocation-service';
import { Coordinates } from '../interfaces/PostLocation';
import { useEffect, useState } from 'react';

export default function useCurrentLocationWatch(
    onError?: (error: Geolocation.GeoError) => void,
    options?: Geolocation.GeoWatchOptions,
): Coordinates | undefined {
    const [currentLocation, setCurrentLocation] = useState<Coordinates | undefined>();

    useEffect(() => {
        const watchID = Geolocation.watchPosition(
            (position) => {
                setCurrentLocation({
                    latitude: position.coords.latitude,
                    longitude: position.coords.longitude,
                });
            },
            onError,
            options,
        );

        return Geolocation.clearWatch(watchID);
    }, [onError, options]);

    return currentLocation;
}

Did I do something wrong?

[Agontuk]

You're calling the clearWatch immediately after watchPosition. I think it should be like this

return () => Geolocation.clearWatch(watchID);

[mrousavy]

@Agontuk wow. I should really get some sleep. Thanks 🙏