userProfile dynamic routes working

src/components/admin/UsersTable/index.tsx

@@ -92,12 +92,7 @@ export default async function UsersTable(props: any) {
                   <tr key={item.uuid}>
                     <td className="whitespace-wrap flex items-center py-4 pl-4 pr-3 text-xs font-medium text-gray-900 ">
                   
-                      <Link href={{
-                        pathname: '/userProfile',
-                        query: {
-                          uuid: item.uuid,
-                        },
-                      }}><span className="pl-2"> {item.email}</span></Link>
+                      <Link href={`/userProfile/${item.uuid}`}><span className="pl-2"> {item.email}</span></Link>
                     </td>
                     <td className="whitespace-nowrap px-3 py-4 text-xs text-gray-900">
                       {item.first_name}