Как расширить существующий пользовательский элемент?

У меня есть пользовательский элемент с именем x-foo. Я хотел бы расширить его и создать элемент x-foo-extended, но он не работает. Я получаю эту ошибку:

Uncaught NotSupportedError: Не удалось выполнить «registerElement» в «Документе»: Ошибка регистрации для типа 'x-foo-extended'. Имя тега, указанное в 'extends', является именем пользовательского элемента. Вместо этого используйте наследование.

    var xFooExtendedProto = Object.create(xFoo.prototype);

    xFooExtendedProto.someCustomFunc = function() {
        // ...
    };

    xFooExtended = document.registerElement('x-foo-extended', {
        prototype: xFooExtendedProto,
        extends: 'x-foo'
    });