diff --git a/agent/agentUi/src/ShareDetail.jsx b/agent/agentUi/src/ShareDetail.jsx
index e7d1777f..7136c436 100644
--- a/agent/agentUi/src/ShareDetail.jsx
+++ b/agent/agentUi/src/ShareDetail.jsx
@@ -1,10 +1,14 @@
 import NavBar from "./NavBar.jsx";
+import {useParams} from "react-router-dom";
 
 function ShareDetail() {
+    let params = useParams();
+
     return (
         <>
             <NavBar />
-            <h1>Share Detail</h1>
+
+            <h1>Share {params.token}</h1>
         </>
     )
 }
diff --git a/agent/agentUi/src/main.jsx b/agent/agentUi/src/main.jsx
index e65c8a50..c98bc90e 100644
--- a/agent/agentUi/src/main.jsx
+++ b/agent/agentUi/src/main.jsx
@@ -11,7 +11,7 @@ const router = createBrowserRouter([
         element: <Overview />
     },
     {
-        path: "/share",
+        path: "/share/:token",
         element: <ShareDetail />
     }
 ]);