octobercms/october · error · Error

Tabs must have the "key" property

Error message

Tabs must have the "key" property

What it means

Error "Tabs must have the "key" property" thrown in octobercms/october.

Source

Thrown at modules/backend/vuecomponents/tabs/assets/js/tabs.js:191

            getTooltipText: function getTooltipText(tab) {
                if (!this.tooltipsEnabled) {
                    return null;
                }

                return tab.label;
            },

            getTabIndex: function getTabIndex(tabKey) {
                for (var index = 0; index < this.tabs.length; index++) {
                    if (this.tabs[index].key == tabKey) {
                        return index;
                    }
                }
            },

            getTabId: function getTabId(tab, suffix) {
                if (tab.key === undefined) {
                    throw new Error('Tabs must have the "key" property');
                }

                if (!suffix) {
                    suffix = '';
                }

                if (this.tabIds[tab.key] === undefined) {
                    this.tabIds[tab.key] = $.oc.domIdManager.generate('tab');
                }

                return this.tabIds[tab.key] + '-' + suffix;
            },

            getTabUniqueKey: function getTabUniqueKey(tab) {
                if (tab.systemData && tab.systemData.uniqueKey) {
                    return tab.systemData.uniqueKey;
                }

View on GitHub (pinned to b608633a7e)

When it happens

Trigger: Thrown at modules/backend/vuecomponents/tabs/assets/js/tabs.js:191 when the library encounters an invalid state.

Common situations: See trigger scenarios.

AI-assisted analysis of octobercms/october@b608633a7e (2026-08-21). Data as JSON: /api/errors/bcd6f98e9b542218. Report an issue: GitHub.