Uncaught (в обещании) DOMException: данные ключа AES должны быть 128 или 256 бит

Question

Используя приведенный ниже код, я получаю сообщение об ошибке, касающееся ключа AES неправильной длины, но это ИМХО: - (

async function Test() {
        var passphraseKey = await TextEncode("I hëart årt and £$¢!");
        var data = await TextEncode("I hëart årt and £$¢!");
        var saltBuffer = await window.crypto.getRandomValues(new Uint8Array(16));

        var importKey = await window.crypto.subtle.importKey('raw', passphraseKey, { name: 'PBKDF2' }, false, ['deriveKey'])
            .then(function (key) {
                return key;
            });

        var deriveKey = await window.crypto.subtle.deriveKey({ name: 'PBKDF2', salt: saltBuffer, iterations: 100, hash: 'SHA-256' }, importKey, { name: 'AES-GCM', length: 256 }, true, ["encrypt", "decrypt"])
            .then(function (webKey) {
                return webKey;
            });

        var cipher = await window.crypto.subtle.encrypt({ name: "AES-GCM", iv: window.crypto.getRandomValues(new Uint8Array(16)) }, deriveKey, data)
            .then(function (encrypted) {
                console.log(new Uint8Array(encrypted));
            })
            .catch(function (err) {
                console.error(err);
            });
    };

Это window.crypto.subtle.encrypt, который выдает ошибку, но на самом деле я получаю правильный вывод, но почему он выдает ошибку одновременно?

зашифрованный вывод с сообщением об ошибке