Не отображаются данные в выпадающем списке Ymaps

Всем привет! Создал список с данными которые должны отображаться в выпадающем меню Ymaps. Ничего не отображается, никаких ошибок не выдает. В _childElementController: > e_childElements у ListBox отображаются 12 элементов(как в списке), только вот в полях innerHTML и innerText у них пустые значения.

Код:

ListBoxLayout = ymaps.templateLayoutFactory.createClass(
            `<ul id="my-listbox-header" class="map-menu__category" data-toggle="dropdown">{{data.title}}
                <li>
                    <ul id="my-listbox" class="map-submenu__wrapper" role="menu" aria-labelledby="dropdownMenu">
                </li>
            </ul>`, {
            build: function () {
                ListBoxLayout.superclass.build.call(this);
                this.childContainerElement = $('#my-list-box').get(0);
                this.events.fire('childcontainerchange', {
                    newChildContainerElement: this.childContainerElement,
                    oldChildContainerElement: null
                });
            },

            getChildContainerElement: function () {
                return this.childContainerElement;
            },

            clear: function() {
                this.events.fire('childcontainerchange', {
                    newChildContainerElement: null,
                    oldChildContainerElement: this.childContainerElement
                });
                this.childContainerElement = null;
                ListBoxLayout.superclass.clear.call(this);
            }
        }),

        ListBoxItemLayout = ymaps.templateLayoutFactory.createClass(
            `
                <li class="map-submenu__item">
                    <a class="map-submenu__link"> {{data.content}} </a>
                </li>
            `
        ),
        
        // список регионов
        listBoxItems = [
            new ymaps.control.ListBoxItem({
                data: {
                    content: 'Россия',
                    center: [61.698657, 99.505405],
                    zoom: 3
                }
            }),
            new ymaps.control.ListBoxItem({
                data: {
                    content: '- Центральный ФО',
                    center: [54.87375, 38.064727],
                    zoom: 6,
                }
            }),
            new ymaps.control.ListBoxItem({
                data: {
                    content: '- Северо-Западный ФО',
                    center: [61.469754, 36.498137],
                    zoom: 6,
                }
            }),
            new ymaps.control.ListBoxItem({
                data: {
                    content: '- Южный ФО',
                    center: [48.622564, 43.16616],
                    zoom: 6,
                }
            }),
            new ymaps.control.ListBoxItem({
                data: {
                    content: '- Приволжский ФО',
                    center: [55.485367, 51.524292],
                    zoom: 6,
                }
            }),
            new ymaps.control.ListBoxItem({
                data: {
                    content: '- Уральский ФО',
                    center: [60.519886, 64.350456],
                    zoom: 5,
                }
            }),
            new ymaps.control.ListBoxItem({
                data: {
                    content: '- Северо-Кавказский ФО',
                    center: [44.039802, 43.070643],
                    zoom: 6,
                }
            }),
            new ymaps.control.ListBoxItem({
                data: {
                    content: '- Сибирский ФО',
                    center: [55.030204, 82.92043],
                    zoom: 5,
                }
            }),
            new ymaps.control.ListBoxItem({
                data: {
                    content: '- Дальневосточный ФО',
                    center: [54.97761978841331, 125.82691195530121],
                    zoom: 5,
                }
            }),
            new ymaps.control.ListBoxItem({
                data: {
                    content: 'Беларусь',
                    center: [53.913926569457104, 27.546005025449215],
                    zoom: 7,
                }
            }),
            new ymaps.control.ListBoxItem({
                data: {
                    content: 'Казахстан',
                    center: [48.136207, 67.153559],
                    zoom: 5,
                }
            }),
            new ymaps.control.ListBoxItem({
                data: {
                    content: 'Кыргызстан',
                    center: [41.892648, 74.670581],
                    zoom: 7,
                }
            }),
        ],

        listBox = new ymaps.control.ListBox({
            items: listBoxItems,
            data: {
                title: 'Регион',
                content: 'Регион',
            },
            options: {
                layout: ListBoxLayout,
                itemLayout: ListBoxItemLayout,
            }
        });

        listBox.events.add('click', function (e) {
            var item = e.get('target');
            if (item != listBox) {
                myMap.setCenter(
                    item.data.get('center'),
                    item.data.get('zoom')
                );
            }
        });

myMap.geoObjects.add(clusterer);
clusterer.add(geoObjects);
myMap.controls.add(listBox);