Estaba tratando de tomar una captura de pantalla de un mapa en react-leflet pero cualquier biblioteca que probé no funcionó porque requieren usar la opción preferCanvas=true , que no puedo usar porque no representa la imagen correctamente.
Aquí está mi fragmento
import {useState} from "react"; import {useSelector} from "react-redux"; import {MapContainer, TileLayer} from "react-leaflet"; import {mapLimit, parisCoordinates} from "../Utils/constants"; import '../Styles/MapMenu.scss' const MapContainerBox = () => { const [gridShow, setGridShow] = useState(false) const [stationShow, setStationShow] = useState(false) return ( <MapContainer center={[22,0]} zoom={3} minZoom={1.5} scrollWheelZoom={true} style={{height: '80vh'}} maxBounds={mapLimit}> <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"/> {stationShow ? <GroundStationVisualizer curStation={parisCoordinates}/> : null} {gridShow ? <MapGridVisualizer/> : null} <div className={'map-menu'}> <button onClick={() => setGridShow(!gridShow)}>Toggle Grid</button> <button onClick={() => setStationShow(!stationShow)}>Toggle Station</button> </div> </MapContainer> ) } export default MapContainerBox;¿Hay alguna manera de tomar una captura de pantalla sin usar la opción de lienzo?