docs(useFetch): add usage example for useFetch in a React component

- Includes example API request to `/api/data` with `GET` method
- Shows handling of `loading`, `error`, and `value` states
- Provides a clear guide for rendering fetched data in a component

Author: itszeeshan

docs/useFetch.md

@@ -5,7 +5,7 @@ A hook to fetch data from a URL.
 ## Arguments
 
 - `url` (`string`): The URL to fetch data from.
-- `options` (`object`, optional): Additional options for the `fetch` request.
+- `options` (`object`, optional): Additional options for the `fetch` request for example `method: 'GET', headers: { User-Agent: Mozilla 5.0 }`.
 - `dependencies` (`array`, optional): Dependency array to control when the fetch should be retriggered.
 
 ## Returns
@@ -19,27 +19,26 @@ A hook to fetch data from a URL.
 ## How to Use
 
 ```js
-import { useState } from "react"
-import useFetch from "./useFetch"
-
-export default function FetchComponent() {
-    const [id, setId] = useState(1)
-    const { loading, error, value } = useFetch(
-        `https://jsonplaceholder.typicode.com/todos/${id}`,
-        {},
-        [id]
-    )
-
-    return (
-        <div>
-            <div>{id}</div>
-            <button onClick={() => setId(currentId => currentId + 1)}>
-                Increment ID
-            </button>
-            <div>Loading: {loading.toString()}</div>
-            <div>{JSON.stringify(error, null, 2)}</div>
-            <div>{JSON.stringify(value, null, 2)}</div>
-        </div>
-    )
+import { useFetch } from './hooks/useFetch';
+
+export default function Home() {
+  const { loading, error, value } =
+    useFetch <
+    /*YourDataType*/ >
+    ('/api/data',
+    { method: 'GET' },
+    [
+      /* dependencies */
+    ]);
+
+  if (loading) return <div>Loading...</div>;
+  if (error) return <div>Error: {error.message}</div>;
+
+  return (
+    <div>
+      {/* Render your data here */}
+      {JSON.stringify(value)}
+    </div>
+  );
 }
 ```