Tengo una etiqueta de enlace que redirige a otra página junto con un elemento de consulta. Lo que quiero hacer es usarlo en una función getServerSideProps para realizar una llamada API con el elemento de consulta.

Así es como se ve el código fuente:

 import Navbar from "../components/Navbar" import Footer from "../components/Footer" import ProductCard from "../components/ProductCard" import { useRouter } from "next/router" import axios from "axios" export default function products({productList}){ const router = useRouter() const {category} = router.query console.log(category) return ( <> <Navbar /> <div className="container-fluid p-0"> <div className="container text-center"> <h1 className="display-3">Starters</h1> <div className="container text-center"> <div className="row"> {productList.map((Product) => ( <ProductCard key={Product.ID} Product={Product}></ProductCard> )) } </div> </div> </div> </div> <Footer></Footer> </> ) } export const getServerSideProps = async () => { const res = await axios.get(`http://192.168.0.112:3000/api/products/productShow`) return { props: { productList: res.data, }, } }

¿Cómo puedo usar el valor de category dentro getServerSideProps para poder agregarlo a mi solicitud GET?