App 0

gql-elastic.App-0.js

const mapConfig = {
  style: "mapbox://styles/mapbox/outdoors-v10",
  containerStyle: {
    height: "100vh",
    width: "100vw"
  },
  center: { lat: 30.266666, lng: -97.73333 },
  flyToOptions: {
    speed: 0.8
  }
};

const Map = ReactMapboxGl({
  accessToken: process.env.REACT_APP_MAPBOX_TOKEN
});

function App() {
  const [mapState, setMapState] = useState({ zoom: [6], loaded: false });

  return (
    <div className="App">
      <Map {...mapConfig} zoom={mapState.zoom}></Map>
    </div>
  );
}