Error in nextTick: «RangeError: Maximum call stack size exceeded»?

Question

[kr_ilya]

Хочу подключить yandex map по этому примеру. Но что-то идет не так и в консоли я вижу ошибку Error in nextTick: "RangeError: Maximum call stack size exceeded"
Вот код компонента:

<template>
  <div>
    <div class="mapouter">
      <div class="gmap_canvas">
         <yandex-map 
  :coords="[54.62896654088406, 39.731893822753904]"
  zoom="10"
  style="width: 600px; height: 600px;"
  :cluster-options="{
    1: {clusterDisableClickZoom: true}
  }"
  :placemarks="placemarks"
  map-type="hybrid"
  @map-was-initialized="initHandler"
>
</yandex-map>
      </div>
    </div>
  </div>
</template>
<script type="text/javascript">
  import { yandexMap, ymapMarker } from 'vue-yandex-maps'
  export default {
    name: 'yandex-map',
  data() {
  return {
    placemarks: [
      {
        coords: [54.8, 39.8],
        properties: {}, // define properties here
        options: {}, // define options here
        clusterName: "1",
        callbacks: { click: function() {} }
      }
    ]
  }
},
 methods: {
    initHandler () {
      var geolocation = yandexMap.geolocation,
        myMap = new yandexMap.Map('#yandex-map', {
            center: [55, 34],
            zoom: 10
        }, {
            searchControlProvider: 'yandex#search'
        });
    }

  }
}
</script>
<style>
.mapouter {
  text-align:right;
  height:100%;
  width:100%;
  position: absolute;
}
.gmap_canvas {
  overflow:hidden;
  background:none!important;
  height:100%;
  width:100%;
}
</style>

Что в нем не так?
Делал на скорую руку.

Answer 1

[Robur]

Вы в компоненте yandex-map рендерите этот же компонент yandex-map, который внутри рендерит этот же компонент yandex-map.. ну я думаю вы поняли.

Сделайте не на скорую руку а вдумчиво.