Module '"@tanstack/react-query"' has no exported member 'QueryClient'

Describe the bug

When trying to import QueryClient, TypeScript says that @tanstack/react-query doesn’t export QueryClient. The QuickStart guide clearly mentiones that QueryClient needs to be imported (https://tanstack.com/query/v4/docs/quick-start).

Your minimal, reproducible example

It’s just one line: import { QueryClient } from "@tanstack/react-query";

Steps to reproduce

1. Install @tanstack/react-query
2. Try to import QueryClient

Expected behavior

QueryClient should be available

How often does this bug happen?

Every time

Screenshots or Videos

Type error: Module '"@tanstack/react-query"' has no exported member 'QueryClient'.

  3 | import { Fragment, useState } from "react";
  4 | import Head from "next/head";
> 5 | import { QueryClient } from "@tanstack/react-query";
    |          ^
  6 | 
  7 | function MyApp({ Component, pageProps }: AppProps) {
  8 |   // const [ queryClient ] = useState(() => new QueryClient());

Platform

Every platform

react-query version

4.0.3

TypeScript version

4.7.4

Additional context

Why are there so many problems regarding TypeScript? Yesterday I couldn’t use react-query either, because the typings weren’t exported. How can I be confident that no more issues occur, when two massive oversights regarding TypeScript already happend?