Estoy tratando de usar getServerSideProps en next.js, desde un componente que se encuentra en mi carpeta de páginas. Estoy tratando de devolver un mensaje de Hola para que funcione, pero parece que solo obtengo un objeto vacío como accesorios. mi estructura de archivos

El componente en el que estoy tratando de obtener los datos es archivos guardados, y quiero representar ese componente en el encabezado, que también está en la carpeta de páginas (sé que mi estructura de carpetas probablemente no sea la mejor en este momento).

Aquí está el código para el componente de archivos guardados:

 /* eslint-disable react/prop-types */ import React from 'react'; export async function getServerSideProps(context) { return { props: { message: "Hello" } } } // eslint-disable-next-line react/prop-types export default function SavedFiles(props) { console.log(`saved files msg`); console.log(props); return ( // eslint-disable-next-line react/destructuring-assignment <h2 className="savedFiles">{props.message}</h2> ) }

y en el encabezado lo devuelvo así:

 return ( <div className="ui"> <SavedFiles /> <Connection rosStatus = {handler.connectionStatus} serverStatus = { handler.serverIsScanning }/> <PresetButtons /> {handler.isScanning || (handler.serverIsScanning === "Scanning") ? <StopButton /> : <StartButton />} </div> )

Intenté obtener los datos de la página de índice y allí funciona bien, pero no estoy seguro de cuál es el problema al intentar hacerlo desde mi componente, ya que también está en la carpeta de páginas.