React startTransition wrapper

useStartTransition.tsx

"use client";

import { startTransition, type TransitionFunction } from "react";

function useStartTransition<Args extends unknown[]>(
	cb: (...args: Args) => ReturnType<TransitionFunction>,
) {
	return (...args: Args) => startTransition(() => cb(...args));
}

function App() {
	const setFilter = useStartTransition((something: string) => {
		// Call anything here that needs to be transitioned
		console.log(something);
	});

	return <button onClick={() => setFilter("transitioning")}>Transition</button>;
}