Как «использовать компонент в качестве значка» в Google Maps API / React.js

Question

Я не могу использовать компонент - простой, просто div с h1 внутри, который отображает цену для маркера -

Я хочу эмулировать маркер значка ценыот AirBnB

Я пробовал с символом маркера, даже со свойством содержимого.

Это работает для информационного окна, но я не могу сделать это для значка

https://developers.google.com/maps/documentation/javascript/custom-markers

Я пробовал это, работает с изображением, но не с компонентом

 const markerCreator = coords => {
      const marker = new maps.Marker({
        position: {
          lat: coords.latitud,
          lng: coords.longitud,
        },
        map,
        title: 'Hello World!',
        icon: `${iconBase}parking_lot_maps.png`,
      });
      const infoWindow = new maps.InfoWindow({
        content: ReactDOMServer.renderToString(<Test>{coords.latitud}</Test>),
      });

      marker.addListener('click', function() {
        // map.setZoom(8);
        // map.setCenter(marker.getPosition());
        infoWindow.open(map, marker);
      });
    };

Я хочу сделать пользовательский значок, но это не будет изображение, Это будет Компонент, простой div с текстом внутри, например значки AirBnb, отображающие цену.