set timeout to navigate on onSuccess when mutating

   const onClickHandler = async () => {
            await postInternationalCountryCode();
            await dispatch(fetchUser());
            setIsVerifiedInternational(true);
        }
    };

useEffect(() => {
        if (isVerifiedInternational) {
            setIsLoading(true);
            const navigationTimer = setTimeout(() => {
                history.push("/toTheDashboard");
            }, 6000);
        }
    }, [isVerifiedInternational]);

    const onClickHandler = async () => {
            putInternationalCountryCode(countryCode);
        }
    };

const { mutate: putInternationalCountryCode, isLoading, isError } = postInternationalCountryCode();


export const postInternationalCountryCode = () => {
    const queryClient = useQueryClient();
    const history = useHistory();

    return useMutation(
        async (countryCode) =>
            await axios({
                url: foo,
                method: "put",
                data: bar,
                responseType: "json"
            }),
        {
            onSuccess: () => {
                queryClient.invalidateQueries(["user"]);
            },
            onSettled: () => {
                history.push("/toTheDashboard");
            }
        }
    );
};