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;