feat: createFormControl and subscribe function

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

@@ -118,7 +118,7 @@
     "files": [
       {
         "path": "./dist/index.cjs.js",
-        "maxSize": "10.1 kB"
+        "maxSize": "10.5 kB"
       }
     ]
   },