TypeError: Cannot read properties of null (reading 'useContext')

[jean-smaug]

openapi-react-query version

0.3.1

Description

I'm building a React packages in order to share clients initialization across multiple apps
Inside those apps I try to make unit tests with Jest and I encountered the error in title TypeError: Cannot read properties of null (reading 'useContext')

Technical context :

• Monorepo managed with PNPM 10.8.1
• Node v22.14.0
• jest 29.7.0
• Transpiler for unit tests @swc/jest in 0.2.37

There are some issues, on invalid calls of hooks too

Reproduction

import createFetchClient from "openapi-fetch";
import createClient from "openapi-react-query";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";

import { render } from "@testing-library/react";
import type MetadataService from "../../types/MetadataService";

const metadataClient = createClient(createFetchClient<MetadataService.paths>());

const TechnicalProof = () => {
  const { data: countries } = metadataClient.useQuery("get", "/v1/countries");

  console.log("🚀 ~ TechnicalProof ~ countries:", countries);

  return <div>Hello</div>;
};

describe("Example", () => {
  it("should render a component that use SDKs", () => {
    render(
      <QueryClientProvider client={new QueryClient()}>
        <TechnicalProof />
      </QueryClientProvider>,
    );
  });
});

Expected result

Understand this issue

Extra

• I’m willing to open a PR (see CONTRIBUTING.md)

[mynnx]

Yeah, we're running into this too, in our app itself (not just tests). Currently troubleshooting.

[caribouflex]

I’m running into a similar issue here.

At first, I thought it might be because the monorepo had different versions of Tanstack/react-query, but I double-checked and everything looks good.

Using Tanstack’s useQuery directly works fine, but when I try using the client from openapi-react-query, I get the same error as mention above.

I also tried passing the same queryClient that’s used in the provider to useQuery, but no luck — same issue.

[EternalDeiwos]

This is probably related to #1947

[jean-smaug]

ℹ With the following versions issue is fixed

    "@tanstack/react-query": "5.74.4",
    "openapi-fetch": "0.14.0",
    "openapi-react-query": "0.5.0",

@mynnx @caribouflex did you try to update recently ?

So we can close this issue

[caribouflex]

@jean-smaug Yes it works correctly now on my side! Thank you 🙏