Update the example, and readme

Author: iamsolankiamit

README.md

@@ -1,6 +1,6 @@
-# `@rehooks/DocumentTitle`
+# `@rehooks/document-title`
 
-> React hook for DocumentTitle
+> React hook for updating the document-title
 
 > **Note:** This is using the new [React Hooks API Proposal](https://reactjs.org/docs/hooks-intro.html)
 > which is subject to change until React 16.7 final.
@@ -10,17 +10,16 @@
 ## Install
 
 ```sh
-yarn add @rehooks/DocumentTitle
+yarn add @rehooks/document-title
 ```
 
 ## Usage
 
 ```js
-import useDocumentTitle from '@rehooks/DocumentTitle';
+import useDocumentTitle from '@rehooks/document-title';
 
 function MyComponent() {
-  let value = useDocumentTitle();
-  // value == DocumentTitle
+  useDocumentTitle('Page Title');
   return <div/>;
 }
 ```

example.js

@@ -1,10 +1,19 @@
-import React from "react";
+import React, { useState } from "react";
 import { render } from "react-dom";
 import useDocumentTitle from "./";
 
 function App() {
-  useDocumentTitle("page Title");
-  return <div />;
+  return <NestedComponent />;
+}
+
+function NestedComponent() {
+  const [value, setValue] = useState("page title");
+  useDocumentTitle(value);
+  return (
+    <div>
+      <input value={value} onChange={e => setValue(e.target.value)} />
+    </div>
+  );
 }
 
 render(<App />, window.root);

index.d.ts

@@ -1 +1,3 @@
-export default function useDocumentTitle(title: string);
+interface DocumentTitle {}
+
+export default function useDocumentTitle(title: string): DocumentTitle;

index.js.flow

@@ -1 +1,3 @@
-export default function useDocumentTitle(title: string);
+interface DocumentTitle {}
+
+export default function useDocumentTitle(title: string): DocumentTitle;