diff --git a/app/[username]/page.tsx b/app/[username]/page.tsx
index 2600dc8..f39a495 100644
--- a/app/[username]/page.tsx
+++ b/app/[username]/page.tsx
@@ -1,6 +1,6 @@
 "use client"
 import { useEffect, useState } from 'react';
-import { useParams } from 'react-router-dom'; // Change this
+import { useParams } from 'next/navigation';
 import Preview from '@/components/Preview';
 import { useBlockchain } from "@/context/BlockchainProvider";
 import { useContractMethods } from '@/hooks/useContractMethods';