Fix 1:

onClick={() =>
 router.push({
  pathname: `/productDetails/${id}`,
 })
}

Fix 2: Please check your folder structure, it must be like this.

src/
 app/
  productDetails/
   [pid].tsx

Note: The above structure is for Nextjs 14 app router with src folder.