Feat/create form control

README.md

@@ -18,7 +18,7 @@
   <a href="https://react-hook-form.com/docs">API</a> |
   <a href="https://react-hook-form.com/form-builder">Form Builder</a> |
   <a href="https://react-hook-form.com/faqs">FAQs</a> |
-  <a href="https://github.com/bluebill1049/react-hook-form/tree/master/examples">Examples</a>
+  <a href="https://github.com/react-hook-form/react-hook-form/tree/master/examples">Examples</a>
 </p>
 
 ### Features
@@ -58,10 +58,6 @@ function App() {
 }
 ```
 
-<a href="https://ui.dev/bytes/?r=bill">
-  <img src="https://raw.githubusercontent.com/react-hook-form/react-hook-form/master/docs/ads-1.jpeg" />
-</a>
-
 ### Sponsors
 
 Thanks go to these kind and lovely sponsors!

app/src/autoUnregister.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import ReactSelect from 'react-select';
-import { useForm, Controller, NestedValue } from 'react-hook-form';
+import { useForm, Controller } from 'react-hook-form';
 
 const options = [
   { value: 'chocolate', label: 'Chocolate' },
@@ -15,7 +15,7 @@ export default function AutoUnregister() {
     test2: boolean;
     test3: string;
     test4: string;
-    ReactSelect: NestedValue<{ label: string; value: string }>;
+    ReactSelect: { label: string; value: string };
   }>();
   const [show, setShow] = useState(true);
 

app/src/basic.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { useForm, NestedValue, ValidationMode } from 'react-hook-form';
+import { useForm, ValidationMode } from 'react-hook-form';
 import { useParams } from 'react-router-dom';
 
 let renderCounter = 0;
@@ -25,7 +25,7 @@ const Basic: React.FC = () => {
     pattern: string;
     radio: string;
     checkbox: string;
-    checkboxArray: NestedValue<string[]>;
+    checkboxArray: string[];
     multiple: string;
     validate: string;
     nestItem: {

app/src/defaultValues.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NestedValue, useForm } from 'react-hook-form';
+import { useForm } from 'react-hook-form';
 
 function DefaultValues() {
   const { register } = useForm<{
@@ -11,7 +11,7 @@ function DefaultValues() {
         nest: string;
       };
     };
-    checkbox: NestedValue<string[]>;
+    checkbox: string[];
   }>({
     defaultValues: {
       test: 'test',

app/src/setValue.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { useForm, NestedValue } from 'react-hook-form';
+import { useForm } from 'react-hook-form';
 
 let renderCounter = 0;
 
@@ -18,14 +18,14 @@ const SetValue: React.FC = () => {
     checkboxArray: string[];
     radio: string;
     select: string;
-    multiple: NestedValue<string[]>;
+    multiple: string[];
     array: string[];
     object: {
       firstName: string;
       lastName: string;
       middleName: string;
     };
-    nestedValue: NestedValue<string[]>;
+    nestedValue: string[];
   }>();
 
   useEffect(() => {

examples/V7/nativeMultipleInput.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
-import { useForm, NestedValue } from 'react-hook-form';
+import { useForm } from 'react-hook-form';
 
 export default function App() {
   const {
     register,
     formState: { errors },
     handleSubmit,
   } = useForm<{
-    email: NestedValue<string[]>;
+    email: string[];
   }>({
     defaultValues: {
       email: ['first@react.hook.form', 'last@react.hook.form'],

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-hook-form",
   "description": "Performant, flexible and extensible forms library for React Hooks",
-  "version": "7.51.2",
+  "version": "7.51.4",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.mjs",
   "umd:main": "dist/index.umd.js",
@@ -118,7 +118,7 @@
     "files": [
       {
         "path": "./dist/index.cjs.js",
-        "maxSize": "10.1 kB"
+        "maxSize": "10.5 kB"
       }
     ]
   },