setQueriesData not updating the cached data.

export const useUpdateUser = (userID: string | undefined, userData: UserData) => {
    const navigate = useNavigate();
    const queryClient = useQueryClient();

    return useMutation<ResultUsers, Error>(
        () => axios.put(`https://jsonplaceholder.typicode.com/users/${userID}`, userData)
            .then(response => response.data),
        {
            onSuccess: (data) => {
                console.log(data?.city);
                queryClient.setQueriesData([users.fetchUsers, userID], data)
                navigate(ROUTES.USERS);
            }
        }
    );
};

    const {
        data: fetchedUserData
        ...
    } = useFetchUser(userID);

    const userData = {
        city,
        ...
    };

    const {
        mutateAsync: updateUserMutation
        ...
    } = useUpdateUser(userID, userData);

    const saveDataOnClickHandler = () => {
        updateUserMutation();
    };

const Users = (): JSX.Element => {
    const {
        data: fetchedUsersData
        ...
    } = useFetchUsers();

    return (
        <>
            <UsersContainer>
                {fetchedUsersIsLoading && <Loading />}
                {fetchedUsersIsError && <ErrorHandler errorMessage={fetchedUsersError.message} />}
                {fetchedUsersData &&
                    <Table fetchedUsersData={fetchedUsersData} />
                }
        </>
    );
};

export default Users;