🚫 문제상황

<aside> 💡 특정 조건에 따라 Send to 필드가 렌더링 되는 페이지가 있다. react-hook-form을 이용해 to와 amount field를 관리하고, yup을 통해서 유효성 검사를 진행하였다. 그런데 Send to가 필요하지 않은 페이지에서 Valide가 원하는대로 동작하지 않는 것을 확인하였다.

</aside>

scemeaHelper

☎︎ 해결을 위한 노력1

혹시 to가 required라서 발생한 것은 아닌가 싶어 to를 위한 유효성 검사 로직을 따로 만들었다.

const determineIfToFieldIsRequired = (
    value: string,
    userDataAccount: string | undefined,
  ): boolean => {
    return isToFieldRequired
      ? ethers.utils.isAddress(value) && value !== userDataAccount
      : true;
  };

  const isToFieldValidate = determineIfToFieldIsRequired(
    toFieldValue!,
    userData?.account,
  );

하지만 그럼에도 isValid는 모두가 유효한 상황에서 false조건인 것을 확인할 수 있었다.

문제점 체크

amount가 한박자 늦게 전달되고 있는 걸 확인할 수 있었다.