update example with useFormContext

examples/README.md

@@ -16,6 +16,7 @@ you can view the source code within the folder or visit code sand box to see how
 | DefaultValues               | https://codesandbox.io/s/react-hook-form-defaultvalues-n5gvx         |
 | Default/Initial Form Value  | https://codesandbox.io/s/l3mxpvmm9                                   |
 | Dirty/Touched/Submitted     | https://codesandbox.io/s/7o2wrp86k6                                  |
+| FormContext                 | https://codesandbox.io/s/sad-sutherland-zvfok                        |
 | Nested Fields               | https://codesandbox.io/s/react-hook-form-nested-fields-mv1bb         |
 | Normalize/Format/Mask Field | https://codesandbox.io/s/387z7njwzp                                  |
 | Reset Form                  | https://codesandbox.io/s/jjm3wyqmjy                                  |

examples/formContext.tsx

@@ -0,0 +1,29 @@
+import React from "react";
+import ReactDOM from "react-dom";
+import useForm, { FormContext, useFormContext } from "react-hook-form";
+
+import "./styles.css";
+
+function App() {
+  const methods = useForm();
+  const { register, handleSubmit } = methods;
+  return (
+    <FormContext {...methods}>
+      <form onSubmit={handleSubmit(data => console.log(data))}>
+        <label>Test</label>
+        <input name="test" ref={register({ required: true })} />
+        <label>Nested Input</label>
+        <Test />
+        <input type="submit" />
+      </form>
+    </FormContext>
+  );
+}
+
+function Test() {
+  const data = useFormContext();
+  return <input name="bill" ref={data.register} />;
+}
+
+const rootElement = document.getElementById("root");
+ReactDOM.render(<App />, rootElement);