chore: show QueryClientProvider import and queryclient instantiation

graz-sh · Dec 3, 2024 · 81d774c · 81d774c
1 parent f19689a
commit 81d774c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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",