I have a google map component setup with a searchbar and markers like so:

      <GoogleMap center={center} zoom={zoom}>
        <SearchBar />
        <Markers />
      </GoogleMap>

within the markers component, it is setup to show an infowindow and is wrapped around an OverlayViewF component like so:

    <OverlayViewF
          mapPaneName={'overlayMouseTarget'}
          position={{ lat: lat, lng: lng }}
          zIndex={1000}
    >
    <MarkerF position={{ lat: lat, lng: lng }} >
        <InfoWindowF position={{ lat: lat, lng: .lng }}
          < content />
        </InfoWindowF>
    </MarkerF>
    </OverlayViewF>

I wrap the marker around an overlayviewF because I want the infowindow to display ABOVE the searchbar (which has a fixed position on top of the map). However, it is not working and the infowindow still appears behind the searchbar.

What am I doing wrong? Any help would be appreciated!