setStateのコールバック関数でpromiseのresolveを返す時のuseEffectへの書き換えがわからない

Question

前提・実現したいこと

setStateで書いている箇所をuseStateを使った書き方に変えたいと思っています。
前回の質問で、stateの変化後にuseEffectで捕まえればいいというのは分かったのですが、コールバック関数がresolveの場合の書き方がわかりません。(console.logなどはそのままuseEffectに書けばいいと思います。)
調べてみても同じことをやっている人が見当たらなくて困っています。
わかる方がいましたら、コメントお願いします。

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

setStateのコールバック関数でpromiseのresolveを返す時のuseEffectへの書き換えがわからない

該当のソースコード

//書き換え前
function HandleUpdateBeforeSortStart = ({index}) => {
    return new Promise((resolve) =>
      this.setState(
        ({items}) => ({
          sortingItemKey: items[index],
          isSorting: true,
        }),
        resolve,
      ),
    );
  };

//書き換え後
function HandleUpdateBeforeSortStart(info, category) {
    //省略

    useEffect(() => {}, [sortingItemKey, isSorting]);

    return new Promise((resolve) => {
      setSortingItemKey(items[index]);
      setIsSorting(true);
      // resolve();
    });
  }