firebaseのカスタム認証で500が返ってくる（LINEログイン）

Question

前提・実現したいこと

WEBアプリでfirebaseを利用しており、LINEのLIFFを使いログインできるようにしたいと考えています。
下記のサイトを参考にコードを書いてみたところ、殆どの場合ログインできるのですが、たまに失敗します。

https://qiita.com/Arahabica/items/8f5c7472ded92128535f

複数の友達にテストしてもらっているのですが、失敗する人が同じ人なので実行環境側の原因を疑いました。
しかしLIFFに必要なLINEのバージョンも問題なく、キャッシュをクリアしてみても同じでした。
なので、コード側に問題があると思うのですが、糸口すらつかめずにいます。

原因の探し方でも構いませんので、何かアドバイスをいただけますと幸いです。

発生している問題・エラーメッセージ

サーバー（Functions）のログ

login

Function execution took 78 ms, finished with status code: 500 

Functionsの正常性の欄に表示されているエラー

login

Unhandled error TypeError: Cannot destructure property 'accessToken' of 'data' as it is null.
    at /workspace/index.js:1269:17
    at func (/workspace/node_modules/firebase-functions/lib/providers/https.js:336:32)
    at processTicksAndRejections (internal/process/task_queues.js:95:5)

testSet（テストとして、ログインできたらDBに書き込みを行う処理を追加しているのですが、その関数でもエラー）

Error: Request failed with status code 400
    at createError (/workspace/node_modules/axios/lib/core/createError.js:16:15)
    at settle (/workspace/node_modules/axios/lib/core/settle.js:17:12)
    at IncomingMessage.handleStreamEnd (/workspace/node_modules/axios/lib/adapters/http.js:260:11)
    at IncomingMessage.emit (events.js:412:35)
    at IncomingMessage.emit (domain.js:532:15)
    at endReadableNT (internal/streams/readable.js:1317:12)
    at processTicksAndRejections (internal/process/task_queues.js:82:21) {

該当のソースコード

クライアント側

window.onload = function() {
    liff.init({liffId: "*****"})
        .then(() => {
            initializeApp();
        })
        .catch((err) => {
            console.log(err)
        });
};

function initializeApp() {
    if (liff.isLoggedIn()) {
        firebaseLoginCheck()
    } else {
        liff.login({ redirectUri: "*****" });
    }
}

function firebaseLoginCheck() {
    auth().onAuthStateChanged(async user => {
        if (user) {
            testesSet();
        } else {
            const accessToken = liff.getAccessToken()
            const login = functions.httpsCallable('login')
            login({ accessToken })
                .then((result) => {
                    auth().signInWithCustomToken(result.data.token)
                        .then((userCredential) => {
                            testesSet();
                        })
                        .catch((error) => {
                            console.log(error)
                        });
                })
                .catch((error) => {
                    console.log(error)
                });
        }
    })
}

async function testesSet() {
    const accessToken = liff.getAccessToken()
    const testSet = functions.httpsCallable('testSet')
    const result = await testSet({ accessToken: accessToken })
    console.log(result.data)
}

サーバー（Functions）側

const axios = require('axios')
const axiosInstance = axios.create({
    baseURL: 'https://api.line.me',
    responseType: 'json'
})

// 渡されたLINEトークンが正しいものかを検証
const verifyToken = async accessToken => {
    const response = await axiosInstance.get('/oauth2/v2.1/verify', { params: { access_token: accessToken } })
    if (response.status !== 200) {
        console.error(response.data.error_description)
        throw new Error(response.data.error)
    }
    // チャネルIDをチェック
    if (response.data.client_id !== channelId) {
        throw new Error('client_id does not match.')
    }
    //アクセストークンの有効期限
    if (response.data.expires_in < 0) {
        throw new Error('access token is expired.')
    }
}

// プロフィールの取得
const getProfile = async(accessToken) => {
    const response = await axiosInstance.get('/v2/profile', {
        headers: {
            'Authorization': `Bearer ${accessToken}`
        },
        data: {}
    })
    if (response.status !== 200) {
        console.error(response.data.error_description)
        throw new Error(response.data.error)
    }
    return response.data
}

// カスタムトークンを活用したログイン処理
exports.login = functions.region(REGION).https
    .onCall(async data => {
        const { accessToken } = data
        try {
            // LINEのアクセストークンが正しいか検証
            await verifyToken(accessToken);
            // アクセストークンを利用してプロフィール取得
            const profile = await getProfile(accessToken);
            // user情報をDBに登録
            db.collection('user').doc(profile.userId).set({
                imgRef: profile.pictureUrl,
                name: profile.displayName,
                update: admin.firestore.FieldValue.serverTimestamp()
            });
            // LINEのuserIdを利用してfirebaseのカスタム認証トークンを発行
            const token = await admin.auth().createCustomToken(profile.userId);
            return { token }
        } catch (e) {
            console.error(JSON.stringify(e, null, '  '))
            throw new functions.https.HttpsError('unknown', 'ログインに失敗しました ' + e);
        }
    })

exports.testSet = functions.region(REGION).https
    .onCall(async(data, context) => {

        const uid = context.auth.uid;
        const accessToken = data.accessToken

        const testRef = db.collection("test").doc(uid)

        try {
            await verifyToken(accessToken)
            const profile = await getProfile(accessToken)

            const value = {
                imgRef: profile.pictureUrl,
                name: profile.displayName,
                update: admin.firestore.FieldValue.serverTimestamp()
            }
            await testRef.set(value)
            return "成功しました"
        } catch (error) {
            console.log(error)
            return "失敗しました"
        }
    })

試したこと

LINEのLIFFのログイン機能を使ってfirebaseのカスタム認証を利用する方法について調べているのですが、情報が少なく、何が問題なのか全く分かっていません。
エラーから、アクセストークンがnullの場合があるのかな？と思ってコードを読み直したのですが、アクセストークンは取得して格納しているようですし、殆どの場合は成功しているのでよく分からないでいます。

Answer 1

エラーになるのはこの行ですか？返すdataがnullになってるようです。

const accessToken = data.accessToken

なぜnullなのかは、リクエストの詳細を調べる必要があります。こちら参考にできるかもしれないです。

https://stackoverflow.com/questions/60296909/firebase-functions-https-oncall-returns-null

Answer 2

原因はLIFFでプロフィール情報を取得する際に、pictureUrlがundifineになる可能性があることでした。
LINEアカウントの画像を未設定にしている方の場合、undifineになるようです。
undifineの場合にnoimage画像URLをimgRef:に設定することで、エラーが出なくなりました。