How to fetch users by geopoint coordinates in firebase

Question

I'm trying to fetch users within a 20 mile radius of a long and lat point. I've commented the problem in the code since it makes more sense pointing it out through there, the issue starts when defining the variable "usersQuery", and the issue is explained further in the userSnapshot.forEach function.

 export const fetchUsers = async (
  setUsers: Function,
  setLoading: Function,
  filters: Object,
  newFetch: boolean
) => {
  let userSnapshot;
  try {
    setLoading(true);
    const db = getFirestore();

    // Center of the search radius
    const center = new GeoPoint(37.783333, -122.416667);

    const radiusInMiles = 20;

    const usersCollection = collection(db, "users");

    // Query to fetch users within the search radius
    const usersQuery = query(
      usersCollection,
      where("coordinates", ">=", getMinGeopoint(center, radiusInMiles)),
      where("coordinates", "<=", getMaxGeopoint(center, radiusInMiles)),
      limit(30) //the issue lies here, because without the where "coordinates" queiries, the entire document is logged.
    );

    userSnapshot = await getDocs(usersQuery);

    // Fetch the users within the search radius
    userSnapshot.forEach((doc) => {
      console.log("userSnapshot: ", doc.id, doc.data()); //issue here, doc.data() only returns the "coordinates" field of the document, but fetches the entire document when this code is modified live, like right now when i finish writing this comment, the entire document data is logged
    });
  } catch (e) {
    console.log(e);
  } finally {
    setLoading(false);
  }

  // Helper function to calculate the minimum geopoint of the search area
  function getMinGeopoint(center: GeoPoint, radiusInMiles: number): GeoPoint {
    const earthRadiusInMiles = 3963.2;
    const distance = radiusInMiles / earthRadiusInMiles;
    const lat = center.latitude - distance;
    const lng =
      center.longitude - distance / Math.cos((center.latitude * Math.PI) / 180);
    return new GeoPoint(lat, lng);
  }

  // Helper function to calculate the maximum geopoint of the search area
  function getMaxGeopoint(center: GeoPoint, radiusInMiles: number): GeoPoint {
    const earthRadiusInMiles = 3963.2;
    const distance = radiusInMiles / earthRadiusInMiles;
    const lat = center.latitude + distance;
    const lng =
      center.longitude + distance / Math.cos((center.latitude * Math.PI) / 180);
    return new GeoPoint(lat, lng);
  }
};