startTransition

Marks a state update as a non-blocking transition without a pending flag.

Since React 18 Spec ↗

Syntax

startTransition(action)

Parameters

NameTypeRequiredDescription
action function Yes Function containing the state updates to mark as a transition.

Returns

undefined — startTransition returns nothing.

Examples

import { startTransition } from 'react';

function selectTab(tab) {
  startTransition(() => {
    setActiveTab(tab);
  });
}

Notes

Like useTransition but usable outside components and without an isPending flag. Updates inside the callback are interruptible and lower priority, keeping urgent updates responsive. The callback must update state synchronously. Use useTransition when you also need a pending indicator.

See also