Radix UI表单组件提交时验证未触发问题求助

我最近在做一个基于Radix UI原语的表单组件，遇到了个头疼的问题：点击提交按钮后，select元素的必填验证提示完全没触发，但同样的逻辑在input元素上是正常工作的。

具体来说，我用了这段代码来设置验证提示：

<FormMessage match={'valueMissing'}> {labelText} is required </FormMessage>

这里的match={'valueMissing'}规则在select元素上完全不起作用，可input用这个写法就没问题。

如果我把match属性去掉，改成下面这样：

<FormMessage> {labelText} is required </FormMessage>

验证消息倒是能显示，但它会一直挂在页面上，这显然不是我要的效果——我只希望表单提交后，当select未选择选项时才弹出这个必填提示。

我已经查过Radix UI的官方文档了，但还是没找到问题出在哪，有没有大佬能帮我分析下哪里错了？万分感谢！

内容来源于stack exchange