diff --git a/src/routes/docs/tutorials/react/step-4/+page.markdoc b/src/routes/docs/tutorials/react/step-4/+page.markdoc
index a9ed0fb0c1..1c90c42e47 100644
--- a/src/routes/docs/tutorials/react/step-4/+page.markdoc
+++ b/src/routes/docs/tutorials/react/step-4/+page.markdoc
@@ -15,6 +15,7 @@ Create a new file `src/lib/context/user.jsx` and add the following code to it.
 ```js
 import { createContext, useContext, useEffect, useState } from "react";
 import { account } from "../appwrite";
+import { ID } from "appwrite";
 
 const UserContext = createContext();
 
@@ -36,7 +37,7 @@ export function UserProvider(props) {
   }
 
   async function register(email, password) {
-    await account.create(email, password);
+    await account.create(ID.unique(), email, password);
     await login(email, password);
   }
 
diff --git a/src/routes/docs/tutorials/react/step-6/+page.markdoc b/src/routes/docs/tutorials/react/step-6/+page.markdoc
index e90a9ed455..f13531e2ae 100644
--- a/src/routes/docs/tutorials/react/step-6/+page.markdoc
+++ b/src/routes/docs/tutorials/react/step-6/+page.markdoc
@@ -80,3 +80,52 @@ export function IdeasProvider(props) {
 }
 ```
 
+# Using `IdeasContext`
+
+Update `src/App.jsx` to use the `IdeasProvider`:
+
+```js
+import { Login } from "./pages/Login";
+import { Home } from "./pages/Home";
+import { UserProvider, useUser } from "./lib/context/user";
+import { IdeasProvider } from "./lib/context/ideas";
+
+function App() {
+  const isLoginPage = window.location.pathname === "/login";
+
+  return (
+    <div>
+      <UserProvider>
+        <Navbar /> {/* Add the navbar before page content */}
+         <IdeasProvider>
+          <main>{isLoginPage ? <Login /> : <Home />}</main>
+         </IdeasProvider>
+      </UserProvider>
+    </div>
+  );
+}
+
+function Navbar() {
+  const user = useUser();
+
+  return (
+    <nav>
+      <a href="/">Idea tracker</a>
+      <div>
+        {user.current ? (
+          <>
+            <span>{user.current.email}</span>
+            <button type="button" onClick={() => user.logout()}>
+              Logout
+            </button>
+          </>
+        ) : (
+          <a href="/login">Login</a>
+        )}
+      </div>
+    </nav>
+  );
+}
+
+export default App;
+```