diff --git a/README.md b/README.md
index 6a2ab41..dcba6a3 100644
--- a/README.md
+++ b/README.md
@@ -55,8 +55,11 @@ pnpm add @cosmjs/cosmwasm-stargate @cosmjs/launchpad @cosmjs/proto-signing @cosm
 Wrap your React app with `<QueryClientProvider />` and `<GrazProvider />`, and use available `graz` hooks anywhere:
 
 ```jsx
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { GrazProvider } from "graz";
 
+const queryClient = new QueryClient();
+
 const cosmoshub: ChainInfo = {
   chainId: "cosmoshub-4",
   chainName: "Cosmos Hub",
diff --git a/docs/docs/index.md b/docs/docs/index.md
index 14b5240..5df34cb 100644
--- a/docs/docs/index.md
+++ b/docs/docs/index.md
@@ -55,8 +55,11 @@ pnpm add @cosmjs/cosmwasm-stargate @cosmjs/launchpad @cosmjs/proto-signing @cosm
 Wrap your React app with `<QueryClientProvider />` and `<GrazProvider />`, and use available `graz` hooks anywhere:
 
 ```tsx
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { GrazProvider } from "graz";
 
+const queryClient = new QueryClient();
+
 const cosmoshub: ChainInfo = {
   chainId: "cosmoshub-4",
   chainName: "Cosmos Hub",
diff --git a/docs/docs/provider/grazProvider.md b/docs/docs/provider/grazProvider.md
index afe6e49..03f1b9f 100644
--- a/docs/docs/provider/grazProvider.md
+++ b/docs/docs/provider/grazProvider.md
@@ -6,8 +6,11 @@ Graz uses `@tanstack/react-query`'s features under the hood, hence you need to w
 #### Usage
 
 ```tsx
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { GrazProvider, WalletType } from "graz";
 
+const queryClient = new QueryClient();
+
 const cosmoshub = {
   chainId: "cosmoshub-4",
   chainName: "Cosmos Hub",