Google Map React z-index in front of all divs

Question

I am using Google Map React, and the div is covering all other divs. The filter bar was able to show in front of the map when I set the map-container to a z-index: -1, but then