Pass name prop of FormInput/Select/TextArea to their input element

Author: CodeStix

CHANGELOG.md

@@ -1,3 +1,7 @@
+# 1.2.13 (07/04/2021)
+
+-   The `name` prop on FormTextArea and FormSelect did not get passed to their input element.
+
 # 1.2.12 (05/04/2021)
 
 -   Excluding \*.modern.js files from build.

Todo.md

@@ -4,3 +4,4 @@
 -   Nested validators in child forms to improve validation performance
 -   Combine array helpers into one object? This is usefull to pass to other components
 -   Require index for array fields
+-   Add React.forwardRef to input elements

src/elements/FormInput.tsx

@@ -198,7 +198,7 @@ export function FormInput<
                     }
                 }
             }}
-            name={name as string}
+            name={name + ""}
             {...rest}
         />
     );

src/elements/FormSelect.tsx

@@ -39,6 +39,7 @@ export function FormSelect<T, State extends DefaultState = DefaultState, Error e
     if (hideWhenNull && (value === null || value === undefined)) return null;
     return (
         <select
+            name={name + ""}
             style={{
                 ...style,
                 ...(dirty && dirtyStyle),

src/elements/FormTextArea.tsx

@@ -39,6 +39,7 @@ export function FormTextArea<T, State extends DefaultState = DefaultState, Error
     if (hideWhenNull && (value === null || value === undefined)) return null;
     return (
         <textarea
+            name={name + ""}
             style={{
                 ...style,
                 ...(dirty && dirtyStyle),