From 6196484589da36f1e962077be56e5b85577f6ae4 Mon Sep 17 00:00:00 2001
From: Shri Ganesh Jha <realsgj@gmail.com>
Date: Tue, 19 Mar 2024 23:26:24 +0530
Subject: [PATCH] Update doc

---
 JSR.md | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/JSR.md b/JSR.md
index f9b7337..737fe2a 100644
--- a/JSR.md
+++ b/JSR.md
@@ -71,6 +71,30 @@ export default function MyApp({ Component, pageProps }) {
 }
 ```
 
+### Usage with React, Vite React or any other React based component
+
+For rendering add `<NextTopLoader />` to your `return()` inside the <Router><Router/> component in `App()`:
+
+```js
+import NextTopLoader from 'nextjs-toploader';
+const App = () => {
+  return (
+    <div>
+    <Router>
+      <NextTopLoader color='red' showSpinner={false} />
+    <Routes>
+    <Route path="/" element={<Home />} />
+    <Route path="/about" element={<About />} />
+    <Route path="*" element={<NotFound/>} />
+    </Routes>
+    </Router>
+    </div>
+  )
+}
+
+export default App;
+```
+
 ### Default Configuration
 
 If no props are passed to `<NextTopLoader />`, below is the default configuration applied.