Assumptions

• Node.js 20.14.0
• Next.js 14.2.3
• urql 4.1.0
• @urql/core 5.0.4
• @urql/next 1.1.1

Main topic

When I use Urql in the Client Component of Next.js, I get this error message.
"TypeError: t.executeQuery is not a function"
Please let me know the cause of this problem.

The code is as follows.

export function useGetEventByIdQuery(options: Omit<Urql.UseQueryArgs<Operations.GetEventByIdQueryVariables>, 'query'>) {
  return Urql.useQuery<Operations.GetEventByIdQuery, Operations.GetEventByIdQueryVariables>({ query: Operations.GetEventByIdDocument, . .options });
};

  const [data] = useGetEventByIdQuery({ variables: { id: params.id } }); }

Sorry for any poor translation as I am using Deepl translation.

Translated with DeepL.com (free version)