teniendo este problema que bloqueó mi aplicación de inmediato, no sé qué tiene de malo?,
mientras hacía useQuery normalmente no tenía ese problema, pero ahora necesito getServerSideProps ya que necesito pasar información a 3 componentes... y obtuve esto indefinido. en jsx funcionará, pero mecanografiado no está contento con él
export default function Home({ data }):JSX.Element { return ( <div> <div className="flex flex-col bg-gray-800 w-full items-center pb-10 "> <div className="flex flex-col max-w-screen-xl w-full "> <div className="flex flex-col text-white w-full p-10 "> <div className="flex justify-between gap-10 "> <h1 className=" uppercase font-medium"> <b>muhammad ali </b> vs <b> joe frazier</b> </h1> <p>New York, 1971 | 48:38</p> </div> <div className="w-full "> <HomeVideo /> </div> </div> </div> </div> ); } export async function getServerSideProps() { const { loading, error, data } = await client.query({ query: GET_ALL_VIDEOS, }); return { props: { loading: loading, error: error || null, data: data, }, }; }