Comencé un proyecto con nextjs y TypeScript. Tengo un componente principal que llamo en la página index.js. Uso la función getStaticProps en el componente principal. Quiero saber si usar getStaticProps está mal y solo tengo que usar esa función en las páginas o no. soy novato en next js y estaría muy agradecido si alguien pudiera ayudarme.
este es mi componente principal
import React from 'react'; import {IMain} from "../../../../interfaces/components/IMenu/IMain"; const Main:React.FC<IMain> = (props) => { console.log(props); return ( <div> </div> ); }; export async function getServerSideProps() { return { props: { data: 'gg' } }; } export default Main;y esta es mi página index.js
import Text from "./../components/ui/Text/Text"; import Button from "../components/ui/Button/Button"; import Main from "../components/Menu/Desktop/Main/Main"; const Home = () => { return <Main/>; }; export default Home;getStaticProps solo se puede exportar desde una página. No puede exportarlo desde archivos que no sean de página. No funcionará si agrega getStaticProps como una propiedad del componente de página.
https://nextjs.org/docs/basic-features/data-fetching#only-allowed-in-a-page