diff --git a/explorer-v2/src/components/nymNodePageComponents/NodeProfileCard.tsx b/explorer-v2/src/components/nymNodePageComponents/NodeProfileCard.tsx index 44b5697026..0a843139c4 100644 --- a/explorer-v2/src/components/nymNodePageComponents/NodeProfileCard.tsx +++ b/explorer-v2/src/components/nymNodePageComponents/NodeProfileCard.tsx @@ -48,19 +48,11 @@ export const NodeProfileCard = ({ id }: INodeProfileCardProps) => { refetchOnMount: false, }); - if (isError || !nymNodes) { - return ( - - - Failed to load node data. - - - ); - } - const nodeInfo = nymNodes.find((node) => node.node_id === id); + const nodeInfo = nymNodes?.find((node) => node.node_id === id); const handleOnSelectStake = useCallback(() => { + if (!nodeInfo) return; if (!isWalletConnected) { setInfoModalProps({ open: true, @@ -88,6 +80,16 @@ export const NodeProfileCard = ({ id }: INodeProfileCardProps) => { } }, [isWalletConnected, nodeInfo]); + if (isError || !nymNodes) { + return ( + + + Failed to load node data. + + + ); + } + if (isLoadingNymNodes) { return ( diff --git a/explorer-v2/src/providers/QueryProvider.tsx b/explorer-v2/src/providers/QueryProvider.tsx index 10fab5d439..4b717f8b08 100644 --- a/explorer-v2/src/providers/QueryProvider.tsx +++ b/explorer-v2/src/providers/QueryProvider.tsx @@ -3,7 +3,7 @@ import { getQueryClient } from "@/app/react-query"; import { QueryClientProvider } from "@tanstack/react-query"; import { ReactQueryDevtools } from "@tanstack/react-query-devtools"; -import { type ReactNode, useState } from "react"; +import { type ReactNode } from "react"; interface QueryProviderProps { children: ReactNode;