React Yandex Map как сделать router для кнопки внутри properties -> balloonContent

Хочу сделать переход на другую страницу используя next useRouter() но события нельзя добавить к кнопке, как это сделать может есть параметр какой то?

<div id="map" className={styles['appMap']}>
      <YMaps query={{
          load: "package.full"
      }}>
          <Map
            instanceRef={ref => instanceRef(ref)}
            onLoad={(ymaps: YMapsApi) => setMap(ymaps)}
            width="100%"
            height="100%"
            state={mapState}
            modules={["templateLayoutFactory", "layout.ImageWithContent", "borders", "util.bounds"]}
          >
              <ObjectManager
                  objects={{
                      openBalloonOnClick: true
                  }}
                  clusters={{}}
                  options={{
                      clusterIconLayout: 'default#imageWithContent',
                      iconImageHref: '/images/map-icon.png',
                      iconImageSize: [64, 64],
                      iconImageOffset: [-32, -32],
                      iconContentOffset: [20, 20],
                      clusterIconContentLayout: cluster.layout,
                      gridSize: 256,
                      zoomMargin: 64,
                      clusterize: true,
                  }}
                  defaultFeatures={{
                      type: "FeatureCollection",
                      features: marksWithIcons.map((point, id) => {
                          return {
                              id: id,
                              type: "Feature",
                              options: {
                                  iconLayout: 'default#imageWithContent',
                                  iconImageHref: '/images/map-icon.png',
                                  iconImageSize: [64, 64],
                                  iconImageOffset: [-32, -32],
                                  iconContentOffset: [20, 20],
                                  iconContentLayout: point.iconLayout,
                              },

                          geometry: {
                                  type: "Point",
                                  coordinates: [Number.parseFloat(point.point.lat), Number.parseFloat(point.point.lng)]
                              },
                              properties: {
                                  balloonContent: `
                                      <img src=${point.logo} alt=${point.text}>
                                      <p>${point.text}</p>
                                      <Link href="/projects/${point.path}">Больше информации...</Link>
                                  `,
                                  clusterCaption: `${point.text}`
                              }
                          };
                      })
                  }}
                  modules={[
                      "objectManager.addon.objectsBalloon",
                      "objectManager.addon.clustersBalloon"
                  ]}/>

              <ZoomControl />
          </Map>
      </YMaps>
  </div>