TypeError: Cannot read properties of undefined (reading 'dispose')

After upgrading to react@18 my google maps crashing on render.

Component code:

import GoogleMapReact from "google-map-react";
import markerSvg from "../../assets/images/google_maps_mark.svg";

const { REACT_APP_PUBLIC_GOOGLE_MAPS_API_KEY } = process.env;


const Map = ({ lat, lng})=> {

  return (
    <div style={{ height: "400px", width: "400px" }}>
      <GoogleMapReact
        bootstrapURLKeys={{ key: REACT_APP_PUBLIC_GOOGLE_MAPS_API_KEY}}
        defaultCenter={{ lat, lng }}
        defaultZoom={11}
      >
        <img
          src={markerSvg}
          lat={lat}
          lng={lng}
          text="My Marker"
          alt="marker"
        />
      </GoogleMapReact>
    </div>
  );
}

export default Map;

Errors screenshots https://ibb.co/bsGV76c https://ibb.co/ZGBhV8B https://ibb.co/X5vNTt5

OS: [mac] Browser [any browser]

[AtaydeEnrique]

Try removing <React.StrictMode></React.StrictMode> from your index.js file

[lexcraw4d]

Any updates?!? I am also having the same issue…