Estoy creando una aplicación web con ReactJS y allí tengo que usar Google Map para mostrar algunos datos de NASA API

Información del proyecto

• No he creado ninguna API Key gratuita de no billing en Google Developer
• .env en mi proyecto React y lo uso con `process.env.REACT_APP_API_KEY
• He instalado e importado google-map-react

Información de la API

• He habilitado la JavaScript Map API
• Restricción de aplicaciones seleccionadas `Referencias HTTP (sitios web)
• Conjunto de restricciones de sitios web

 *localhost:3000 http://localhost:3000

• Restricción de API
  • Restringir clave -> Asignar API de JavaScript

Problema

• He borrado el cached & cookies y restart el servidor muchas veces, pero me muestra

Esta página no puede cargar Google Maps correctamente. ¿Eres dueño de este sitio web? Solo con fines de desarrollo

Código

 import GoogleMapReact from 'google-map-react' import '../style/index.css' const Map = ({ center, zoom }) => { return ( <div className='map'> <GoogleMapReact bootstrapURLKeys={{ key: process.env.REACT_APP_API_KEY }} defaultCenter={center} defaultZoom={zoom} > </GoogleMapReact> </div> ) } Map.defaultProps = { center: { lat: 42.3265, lng: -122.8756 }, zoom: 3 } export default Map