React 18+ Hooks in React

// useTransition - mark updates as non-urgent
const [isPending, startTransition] = useTransition()

startTransition(() => {
  setSearchQuery(input)                // Non-urgent update
})

// useDeferredValue - defer updating a value
const deferredQuery = useDeferredValue(searchQuery)

// useDebugValue - custom hook debugging
function useCustomHook(value) {
  useDebugValue(value ? 'Active' : 'Inactive')
  return value
}