App.js

<GeoDistanceDropdown
  componentId="distance"
  dataField="location"
  data={
    [
      { "distance": 10, "label": "Within 10 miles" },
      { "distance": 20, "label": "Within 20 miles" },
      { "distance": 50, "label": "Within 50 miles" },
    ]
  }
  defaultSelected={{
    location: "London, UK",
    label: "Within 10 miles"
  }}
  placeholder="Select a distance range.."
  unit="mi"
  className="dropdown-field"
/>