Estoy utilizando el código proporcionado por Google en su sitio web para implementar la API de Google Maps en mi código. Ahora, esto es Reactjs, y lo están usando dentro del archivo index.js mientras lo estoy usando en un componente separado, por lo que esa podría ser la razón detrás del error.

Aquí hay un enlace a su código , y si se desplaza hacia abajo, verá el código completo (sin explicaciones) en el código sandbox . Ahora te mostraré cómo lo estoy implementando a continuación.

Aquí está mi código para el componente padre (el componente que llamaré componente del mapa), y aquí está el componente real (el hijo) donde implemento la API del mapa, que se llamará al padre.

No sé qué hacer allí, así que he intentado implementar los fundamentos del código como lo ha hecho Google, pero cuando lo hago, mi pantalla se queda en blanco. Y me refiero a cuando uso esto:

 const Map: React.FC<{}> = () => {};

¿Como puedo resolver esto?