Estoy usando react map gl para representar mapas en mi aplicación de reacción. Pero los mapas renderizados desde react-map-gl no toman el ancho después de abrir la inspección y, a veces, no se restauran a la normalidad después de reducir la ventana.

Esta es mi configuración para la ventana gráfica,

 const mapStyle = { height: '100vh', width: '60vw', zoom: 15 }

Encuentre la imagen a continuación: El lado izquierdo está reservado para mostrar información adicional

Al principio, funciona como se esperaba.

Después de abrir una inspección y cerrar la barra lateral, el mapa se reduce así