Soy nuevo en reaccionar/siguiente y estoy tratando de cargar mi publicación con getStaticProps, el problema es si uso "useAppContext" o incluso "useContext (AppContext)"

error - Error: llamada de gancho no válida. Los ganchos solo se pueden llamar dentro del cuerpo de un componente de función. Esto podría suceder por una de las siguientes razones:

1. Es posible que tenga versiones que no coincidan de React y el renderizador (como React DOM)
2. Podrías estar rompiendo las Reglas de los Hooks
3. Es posible que tenga más de una copia de React en la misma aplicación

Si uso este "useContext" dentro del cuerpo de mi componente de función, de hecho se carga correctamente, pero ¿cómo podría recuperar la identificación de la publicación en mi función getStaticProps?

Mi código real:

 import { GetStaticPaths, GetStaticProps } from 'next'; import { useAppContext } from '../../context/AppContext'; interface PostProps { post: { field_body: string, field_description: string, field_posts_tags: string, nid: string, title: string, field_readingtime: string } } export default function PostTemplate({post}: PostProps) { console.log(post); return ( <h2>test</h2> ) } export const getStaticPaths: GetStaticPaths = async() => { return { paths: [], fallback: true } } export const getStaticProps: GetStaticProps = async () => { const value = useAppContext(); const postNid = value.postNid; const post = await fetch(`https://cms.jonasdev.com.br/api/posts/get/${postNid}`) .then(response => response.json()) .then(response => response[0]) return { props: { post }, revalidate: 60 * 60 * 24 //24h } }