Leaflet JS rectangle work only after browser resize on bootstrap modal nav-tabs

Question

I have a bootstrap modal with four tabs. On each tab clicked, the map is initialized and 4 diff images are added on top of the respective maps.

The box is already cre