reactjs-hoc-browser-location.jsx

import React from 'react';
import { getMyLocation } from '../utilities';

const withLocation = (WrappedComponent) => (
  class extends React.Component {
    constructor(props) {
      super(props);

      this.state = {
        accuracy: null,
        altitude: null,
        altitudeAccuracy: null,
        error: {},
        heading: null,
        latitude: null,
        longitude: null,
        speed: null,
        timestamp: null,
        withLocation: {
          complete: false,
        },
      };
    }

    async componentDidMount() {
      await getMyLocation()
        .then((location) => {
          this.setState((prevState) => (
            {
              ...prevState,
              ...location,
              withLocation: {
                complete: location.error.code === 0,
              },
            }
          ));
        });
    }

    render() {
      const {
        error,
        latitude,
        longitude,
        withLocation: internalChecks,
      } = this.state;

      const location = {
        error,
        latitude,
        longitude,
      };

      return internalChecks.complete ? <WrappedComponent location={location} {...this.props} /> : null;
    }
  });

export default withLocation;