Skip to content

Commit 63e00b0

Browse files
committed
[SDK] Fix caching issue with headless UI when custom resolvers are used
1 parent f69d1aa commit 63e00b0

File tree

5 files changed

+63
-5
lines changed

5 files changed

+63
-5
lines changed

packages/thirdweb/src/react/web/ui/prebuilt/Chain/icon.tsx

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,18 @@ export function ChainIcon({
119119
}: ChainIconProps) {
120120
const { chain } = useChainContext();
121121
const iconQuery = useQuery({
122-
queryKey: ["_internal_chain_icon_", chain.id] as const,
122+
queryKey: [
123+
"_internal_chain_icon_",
124+
chain.id,
125+
{
126+
resolver:
127+
typeof iconResolver === "string"
128+
? iconResolver
129+
: typeof iconResolver === "function"
130+
? iconResolver.toString()
131+
: undefined,
132+
},
133+
] as const,
123134
queryFn: async () => {
124135
if (typeof iconResolver === "string") {
125136
return iconResolver;

packages/thirdweb/src/react/web/ui/prebuilt/Chain/name.tsx

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -155,7 +155,18 @@ export function ChainName({
155155
}: ChainNameProps) {
156156
const { chain } = useChainContext();
157157
const nameQuery = useQuery({
158-
queryKey: ["_internal_chain_name_", chain.id] as const,
158+
queryKey: [
159+
"_internal_chain_name_",
160+
chain.id,
161+
{
162+
resolver:
163+
typeof nameResolver === "string"
164+
? nameResolver
165+
: typeof nameResolver === "function"
166+
? nameResolver.toString()
167+
: undefined,
168+
},
169+
] as const,
159170
queryFn: async () => {
160171
if (typeof nameResolver === "string") {
161172
return nameResolver;

packages/thirdweb/src/react/web/ui/prebuilt/Token/icon.tsx

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,19 @@ export function TokenIcon({
115115
}: TokenIconProps) {
116116
const { address, client, chain } = useTokenContext();
117117
const iconQuery = useQuery({
118-
queryKey: ["_internal_token_icon_", chain.id, address] as const,
118+
queryKey: [
119+
"_internal_token_icon_",
120+
chain.id,
121+
address,
122+
{
123+
resolver:
124+
typeof iconResolver === "string"
125+
? iconResolver
126+
: typeof iconResolver === "function"
127+
? iconResolver.toString()
128+
: undefined,
129+
},
130+
] as const,
119131
queryFn: async () => {
120132
if (typeof iconResolver === "string") {
121133
return iconResolver;

packages/thirdweb/src/react/web/ui/prebuilt/Token/name.tsx

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -157,7 +157,19 @@ export function TokenName({
157157
}: TokenNameProps) {
158158
const { address, client, chain } = useTokenContext();
159159
const nameQuery = useQuery({
160-
queryKey: ["_internal_token_name_", chain.id, address] as const,
160+
queryKey: [
161+
"_internal_token_name_",
162+
chain.id,
163+
address,
164+
{
165+
resolver:
166+
typeof nameResolver === "string"
167+
? nameResolver
168+
: typeof nameResolver === "function"
169+
? nameResolver.toString()
170+
: undefined,
171+
},
172+
] as const,
161173
queryFn: async () => {
162174
if (typeof nameResolver === "string") {
163175
return nameResolver;

packages/thirdweb/src/react/web/ui/prebuilt/Token/symbol.tsx

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -154,7 +154,19 @@ export function TokenSymbol({
154154
}: TokenSymbolProps) {
155155
const { address, client, chain } = useTokenContext();
156156
const symbolQuery = useQuery({
157-
queryKey: ["_internal_token_symbol_", chain.id, address] as const,
157+
queryKey: [
158+
"_internal_token_symbol_",
159+
chain.id,
160+
address,
161+
{
162+
resolver:
163+
typeof symbolResolver === "string"
164+
? symbolResolver
165+
: typeof symbolResolver === "function"
166+
? symbolResolver.toString()
167+
: undefined,
168+
},
169+
] as const,
158170
queryFn: async () => {
159171
if (typeof symbolResolver === "string") {
160172
return symbolResolver;

0 commit comments

Comments
 (0)