Adding a Map and Markers to a React Application | Maps JavaScript API | Google Developers
This tutorial shows you how to add a Map and Marker to a React application using @googlemaps/react-wrapper and integrate the map and markers into the application state. Install and use the @googlemaps/react-wrapper library to dynamically load the Maps JavaScript API when the component is rendered.
https://developers.google.com/maps/documentation/javascript/react-map