fix: use invalid message in context instead of children prop

pswui · Aug 4, 2024 · 67207d7 · 67207d7
1 parent 617b7be
commit 67207d7
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/react/components/Form.tsx b/packages/react/components/Form.tsx
@@ -157,12 +157,12 @@ const [formErrorVariant, resolveFormErrorVariantProps] = vcn({
 interface FormErrorProps
   extends VariantProps<typeof formErrorVariant>,
     AsChild,
-    ComponentPropsWithoutRef<"span"> {}
+    Omit<ComponentPropsWithoutRef<"span">, "children"> {}
 
 const FormError = forwardRef<HTMLSpanElement, FormErrorProps>((props, ref) => {
   const [variantProps, otherPropsCompressed] =
     resolveFormErrorVariantProps(props);
-  const { asChild, children, ...otherPropsExtracted } = otherPropsCompressed;
+  const { asChild, ...otherPropsExtracted } = otherPropsCompressed;
 
   const item = useContext(FormItemContext);
 
@@ -174,7 +174,7 @@ const FormError = forwardRef<HTMLSpanElement, FormErrorProps>((props, ref) => {
       className={formErrorVariant(variantProps)}
       {...otherPropsExtracted}
     >
-      {children}
+      {item.invalid}
     </Comp>
   ) : null;
 });