Estoy aprendiendo sobre getServerSideProps, tengo un archivo 'hello.js' en pages/api/hello.js y el código es:

 function Hello({ data }) { return ( <> <h1>{data}</h1> </> ) } // This gets called on every request export async function getServerSideProps() { // Fetch data from external API const res = await fetch(`https://ergast.com/api/f1/2021/drivers.json`) const data = await res.json() // Pass data to the page via props return { props: { data } } } export default Hello

No puedo acceder a la página debido al siguiente error: la API se resolvió sin enviar una respuesta para /api/hello, esto puede resultar en solicitudes estancadas.

El código se tomó de aquí con algunos ajustes: https://nextjs.org/docs/basic-features/data-fetching/get-server-side-props