diff --git a/examples/react-app/src/components/Balance.tsx b/examples/react-app/src/components/Balance.tsx index 6063357663ec..16b615b43edb 100644 --- a/examples/react-app/src/components/Balance.tsx +++ b/examples/react-app/src/components/Balance.tsx @@ -15,17 +15,22 @@ type Props = Readonly<{ account: UiWalletAccount; }>; +const seenErrors = new WeakSet(); + export function Balance({ account }: Props) { const { chain } = useContext(ChainContext); const { rpc, rpcSubscriptions } = useContext(RpcContext); const subscribe = useMemo(() => balanceSubscribe.bind(null, rpc, rpcSubscriptions), [rpc, rpcSubscriptions]); const { data: lamports, error } = useSWRSubscription({ address: address(account.address), chain }, subscribe); - if (error) { + if (error && !seenErrors.has(error)) { return ( <> { + seenErrors.add(error); + }} title="Failed to fetch account balance" />