useMutation.js

import { useCallback, useState } from "react";

export default function useMutation(mutate) {
	const [isLoading, setIsLoading] = useState(false);
	const [data, setData] = useState(null);
	const [error, setError] = useState(null);

	const runMutation = useCallback(
		(...args) => {
			setIsLoading(true);
			setError(null);
			setData(null);

			return mutate(...args)
				.then(d => {
					setData(d);
					setError(null);
					setIsLoading(false);
				})
				.catch(err => {
					setError(err);
					setData(null);
					setIsLoading(false);
				});
		},
		[mutate, setIsLoading, setError, setData],
	);

	return { isLoading, error, data, runMutation };
}