経験知ロゴ

ReactでuseTransitionのstartTransitionが上手く動かないときの対処法

※本ページはプロモーションが含まれています

useTransion

並列的 UI パターン(実験的機能) – React」を参考に、useTransitionを使ってstartTransitionを使ってみたのですが、startTransitionはfunctionではないとエラーが出て使えません。

これは、仕様が変更されたようで、useTransitionから取り出す時、startTransitionとisPendingの順番が逆になっていました。

reactのページでは、2022年4月6日現在下記のようになっていますが、

const [startTransition, isPending] = useTransition({
    timeoutMs: 3000
  });

startTransitionとisPendingを逆にするとうまくいきました。

const [ isPending, startTransition] = useTransition({
    timeoutMs: 3000
  });

役に立ったらこの記事のシェアをお願いします

ブログのフォロー・RSS購読は下記ボタンから