geolocation hook example

example.tsx

function SomeComponent() {
  const { location, error } = useGeolocation()

  useEffect(() => {
    if (error) {
      Analytics.trackEvent("LocationService: ", error.message, error.code)
      handleLocationError(error)
    }
  }, [error])

  // render something w/ location
}

useGeolocation.ts

function useGeolocation() {
  const [location, setLocation] = useState()
  const [error, setError] = useState()

  useEffect(() => {
    Geolocation.watchPosition((location) => {
      setLocation(location)
      setError(undefined) // clear error if getting location was a success
    }, setError)

    return () => {
      // cleanup the watcher here
    }
  }, [])

  return { location, error }
}