Esta es la estructura del proyecto:

1. Páginas:
   • Categoría 1:
     • [id].tsx (llamémoslo página 1)
     • Categoría2:
       • [id].tsx (página 2)

Entonces, la página 1 se creó con getStaticPaths() desde una página diferente. Lo que estoy tratando de lograr es hacer clic en un botón en la página 1 y me redirige a la página dos con 'id' como parámetro. Más tarde usaría el 'id' recibido para hacer una llamada API al servidor usando getStaticProps.

A continuación se muestra un evento onClick para el botón en la página 1:

 const openPage2 = (event) => { router.push({ pathname: `/Category2/[_id]`, query: { _id: data._id } }) }

Pero muestra un error de página 404. Apreciaría alguna ayuda de la comunidad aquí/