JavaScriptの関数が実行されない問題について

Question

関数が実行されない問題について

下記コード上ではeditNameが実行されません。
Promise.allの引数にeditName({ variables: { input: { name } } })を直接代入すると実行可能ですが、editNameFuncに代入すると実行されないのですが、実行されない理由がわかりません。
ご教示いただきたいです。
よろしくお願いします。

import { useMutation } from '@apollo/client'

const [editName, { error }] = useMutation(SOMETHING_MUTATION)

const clickButton = async (name: string) => {
  const sleep = () => new Promise((resolve) => setTimeout(resolve, 500))
  const editNameFunc = async() => await editName({ variables: { input: { name } } }) // 実行されない

  await Promise.all([sleep, editNameFunc]).then(() => {
    console.log('complete!')
  })
}

##補足①
無名関数でラップしないとeditNameが即時実行されてしまうと思ったため、下記の記述はしていません。
下記の記載で問題ないのでしょうか。

import { useMutation } from '@apollo/client'

const [editName, { error }] = useMutation(SOMETHING_MUTATION)

const clickButton = async (name: string) => {
  const sleep = () => new Promise((resolve) => setTimeout(resolve, 1000))
  const editNameFunc = editName({ variables: { input: { name } } }) // ここで即時実行されてしまう？ されない?

  await Promise.all([sleep,mutation]).then(() => {
    console.log('complete!')
  })
}

補足②

editNameはmutate functionです。typeは下記のようになっています。

const editName: (options?: MutationFunctionOptions<any, OperationVariables> | undefined) => Promise<FetchResult<any, Record<string, any>, Record<string, any>>>

Comments

[hoshi-takanori]

何がしたいのかよく分かりません。
await Promise.all([sleep,mutation]) の mutation が見当たらないのですが、editNameFunc のことですか？

[teis]

指摘の箇所を修正しました。

[int32_t]

実行されないのは実行していないからで明らかなのですが、いったいどういう意図で「Promise.allの引数にeditName()」から書き換えているんでしょうか。

元々のコードや補足①のコードで何か問題があるのでしょうか。

Answer 1

無名関数でラップしないとeditNameが即時実行されてしまうと思ったため

実行しなければPromiseは得られません。

Answer 2

ちょっと何をしたいのかわかりませんが、ざっくり簡略化するとこんなかんじ

const sleep = () => new Promise(resolve=>setTimeout(resolve,500,100));
const editNameFunc = async() => 200;

Promise.all([sleep(), editNameFunc()]).then(data=>{
  console.log(data);
});

editNameFunc は実行されています