v4f асинхронная проверка имени пользователя

Question

Я использую библиотеку реакции v4f при изучении React. Это кажется очень полезным до сих пор. Мне просто непонятно, как я могу сделать проверку асинхронного имени пользователя? Я знаю, что мне нужно как-то использовать fetch в функции. Я просто не уверен, как я мог бы вписать это в мою схему.

const SignUpValidator = Schema(
    {
        email: Field()
            .string()
            .email({ message: "Not an e-mail address" })
            .required({ message: "E-mail is required" }),
        firstName: Field()
            .string()
            .required({ message: "First name is required." }),
        lastName: Field()
            .string()
            .required({ message: "Last name is required."}),
        password: Field()
            .string()
            .not.equals(['#email'], { message: "Password cannot be the same as email" })
            .min(8, { message: "Password must be at least 8 characters" })
            .max(64, { message: "Password cannot be longer than 64 characters" })
            .required({ message: "Password is required" }),
        cpassword: Field()
            .equals(['#password'], { message: "Confirmation password must match password." })
            .required({ message: "Password is required" })
    },
    { verbose: true, async: true }
    // We set the options on creation all call to Schema Product will be verbose and async
);

Я сделал URL, чтобы проверить, существует ли имя пользователя, которое можно назвать так

function CheckUsername(username) {
    fetch(`/login/usernameexists?Username=${username}`)
        .then(data => {

        })
        .catch(e => {

        });
}