A simple hook that provides an easy way to get up and running with mapbox-gl-js in your React app.
$ npm install mapbox-hooks mapbox-gl-js @mapbox/mapbox-gl-geocoder
import { useMapbox } from 'mapbox-hooks';
const accessToken = 'YOUR_ACCESS_TOKEN';
const options = {};
function App() {
const { setContainer, map, loaded } = useMapbox({ accessToken, options });
return <div ref={setContainer} />
}
Once the the map has loaded you will have access to the Map instance to use however you want: https://docs.mapbox.com/mapbox-gl-js/api/