السلام عليكم لدى مشكلة فى الحصول على الداتا من url next js

السلام عليكم اقوم بارسال الداتا فى عنوان url

اقوم بالحصول عليها عن طريق 
const param = useParams();
console.log(param.slug[0]);
المشكلة ان عند جلب الايميل يظهر بهذا الشكل 
ahmedpahr%40gmail.com
اريده ان يظهر بشكل صحيح مثل الرابط 
شكرا مقدما

لاحظ عند إرسال البيانات في عنوان URL، يتم ترميز بعض الأحرف الخاصة مثل "@" وغيرها لتفادي المشاكل المحتملة في العنوان، بالتالي يجب فك ترميز الأحرف للحصول على البيانات بشكل صحيح.

عليك استخدام decodeURIComponent لفك ترميز البيانات المستلمة من عنوان URL، كالتالي:

import { useParams } from 'next/navigation';


const MyComponent = () => {
  const param = useParams();
  const decodedEmail = decodeURIComponent(param.slug[0]);
  console.log(decodedEmail); 


  return (
    <div>
      <p>Email: {decodedEmail}</p>
    </div>
  );
};


export default MyComponent;

شكرا جدا لحضرتك