使用react hook表单时如何更改检查规则的顺序？

Question

Snack link

我有一个电话号码输入字段。我添加了三个验证规则：

1. 不应有字符。这是通过正则表达式完成的。
2. 输入长度必须为 12 位数字。这是通过 minLength 和 maxLength 规则完成的。

目前正在发生的事情： 当我输入一个非数字字符时，我收到关于 minLength 和 maxLength 规则的错误消息。

我想要的： 当我输入一个非数字字符时，它应该显示第一条规则的错误信息。

我的问题： 有没有办法设置检查规则的顺序？