export const getServerSideProps = async ({ params }) => { const res = await fetch( `https://pixabay.com/api/?key=${process.env.API_KEY}&id=${params.id}` ); const { hits } = await res.json(); if (!hits) { return { notFound: true, }; } return { props: { pic: hits[0] }, notFound: true, }; };Sigo recibiendo este error cada vez que un usuario ingresa un params.id no válido =====>
Error del servidor FetchError: cuerpo de respuesta json no válido en https://pixabay.com/api/?key=**************************** *********&id=**xzk* * motivo: Token E inesperado en JSON en la posición 1
Usé "xzk" como el valor de identificación que no es válido y en lugar de redirigir al usuario a notFoundPage, sigue mostrando este error, y el error incluso revela mis claves de API. Por favor, ¿qué estoy haciendo mal? Las ideas también son bienvenidas. Gracias por adelantado.
Encontré una solución a esto, que es verificar si la respuesta está bien. Y si no está bien, entonces debería redirigir al usuario a la página notFound que se configuró como verdadera en la declaración if.
export const getServerSideProps = async ({ params }) => { const { id } = params; const res = await fetch( `https://pixabay.com/api/?key=${process.env.API_KEY}&id=${id}` ); if (!res.ok) { return { notFound: true, }; } const { hits } = await res.json(); return { props: { pic: hits[0] }, }; };