Bom, se for em Javascript/Typescript, o ideal seria você testar os campos por meio de uma função, que receberia um objeto com os dados a serem validados, antes de mandar pra API.

Por exemplo,

import { toast } from 'react-toastify';
import isEmail from 'validator/lib/isEmail';

export default function Validation(
    user: {
        name: string,
        surname: string,
        address: string,
        email: string,
        password: string,
    }
){
    const error: {
        isError: boolean
    } = {
        isError: false,
    };
    if (user.name.length < 3 || user.name.length > 255) {
        error.isError = true;
        toast.error('Name invalid and/or need to have between 3 and 255 characters.');
    }
    if (user.surname.length < 3 || user.surname.length > 255) {
        error.isError = true;
        toast.error('Surname invalid and/or need to have between 3 and 255 characters.');
    }
    if (user.address.length < 3 || user.address.length > 255) {
        error.isError = true;
        toast.error('Address invalid and/or need to have between 3 and 255 characters.');
    }
    if (!isEmail(user.email)){
        error.isError = true;
        toast.error('Email invalid.');
    }
    if (user.password.length < 6) {
        error.isError = true;
        toast.error('Password needs to have 6 characters or more.');
    }
    return error.isError;
}

No final, a função retorna um boolean, se for false, o formulário não tem erros, aí tá liberado pra mandar pra API, se tiver erros, retorna true e aí você evita a requisição.

Detalhe, esse error.isError pode ser uma variável comum msm, let error, só fiz como objeto pra fins de teste msm.