Estoy tratando de recrear el folleto de inicio rápido en combinación con reaccionar. Primero, seguí los pasos en https://leafletjs.com/examples/quick-start/ . A continuación, configuro la aplicación de reacción siguiendo https://react-leaflet.js.org/ . Mi app.js se ve así:

 import React from 'react'; import './App.css'; import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet' function App() { return ( <MapContainer center={[51.505, -0.09]} zoom={13} scrollWheelZoom={false} className="map"> <TileLayer attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" /> <Marker position={[51.505, -0.09]}> <Popup> A pretty CSS3 popup. <br /> Easily customizable. </Popup> </Marker> </MapContainer> ); } export default App;

Cuando npm start , el mapa se carga según lo deseado. Se visualiza correctamente. Pero Firefox (versión 78.14.0esr) bloquea todos los movimientos en el mapa o la actualización de la página porque los mosaicos no están cargados.

¿Por qué Firefox evita esto o qué estoy haciendo mal?