TypeError: is not a function or its return value is not iterable

[MincePie]

At 9:17, this code:

const [{ data, fetching }] = usePostsQuery({
        variables,
      });

is causing an error:

TypeError: (0 , generated_graphql__WEBPACK_IMPORTED_MODULE_4_.usePostsQuery) is not a function or its return value is not iterable

The difference between Ben's updoot branch is that his generated/graphql has got an export as:

export function usePostsQuery(options: Omit<Urql.UseQueryArgs<PostsQueryVariables>, 'query'> = {}) {
  return Urql.useQuery<PostsQuery>({ query: PostsDocument, ...options });
};

Mine does not. I did run the generator successfully and my generated/graphql does include a Query for posts. It does not however have the above export function.

How do I look for the source of this problem? I'm trying to learn as much as I'm trying to solve this particular problem. Any advice for how to approach problem solving would be gratefully received. I thought the generated/graphql file was created by running yarn gen.

Thank you

[aseerkt]

@MincePie Seems like graphql-codegen is not generating hooks in your case. Can you share the codegen.yml file?

[MincePie]

@aseerkt it's strange because it did create the query. I have given up on trying to figure out this tutorial. I think maybe I found it too late to make it work with the current packages used in the project. I found this tutorial, which is more recent and I'll switch focus to try to learn from that project: https://www.prisma.io/blog/fullstack-nextjs-graphql-prisma-oklidw1rhw. If I find an answer, I'll share it in the discord to try and help anyone else that might get stuck with the same problem. Thanks anyway for offering to help.