Estoy creando un tipo de aplicación de blog next js simple usando graphql como un backend de obtención de datos para representar texto. Al usar getStaticPaths , me encuentro con el siguiente error cuando intento obtener datos para mi página.

 ReferenceError: Cannot access 'getAllPostIds' before initialization

Aquí está mi código:

 pages/posts/[id].tsx import { getAllPostIds } from '../../../lib/posts' const Post = ({ postData }) => { ... code..... } export const getStaticPaths = async () => { const paths = getAllPostIds('aws'); return { paths, fallback: false } } export default Post;

Y aquí está mi posts.ts donde uso graphql para obtener datos.

 import { useQuery } from "react-query"; import { GraphQLClient } from "graphql-request"; const GET_POST_IDS = gql` query($folder: String!) { repository(owner: "assembleinc", name: "documentation") { object(expression: $folder) { ... on Tree { entries { name } } } } }` ; const graphQLClient = new GraphQLClient('https://api.github.com/graphql', { headers: { Authorization: `Bearer ${process.env.GITHUB_ACCESS_TOKEN}` } }); export const getAllPostIds = (folder: String) => { return useQuery(folder, async () => { ... fetch data ... }); }

Esencialmente, antes de que pueda obtener los datos a través de graphql, el siguiente js se queja de que getAllPostIds no se puede inicializar aunque lo importe en la parte superior. ¿Hay algo de magia next.js que no veo?