diff --git a/packages/nextjs/app/debug/_components/contract/ModuleResource.tsx b/packages/nextjs/app/debug/_components/contract/ModuleResource.tsx
index cad9adf..5fe8749 100644
--- a/packages/nextjs/app/debug/_components/contract/ModuleResource.tsx
+++ b/packages/nextjs/app/debug/_components/contract/ModuleResource.tsx
@@ -11,8 +11,7 @@ type ModuleResourceProps = {
 
 const GROUP_ARRAYS_AFTER_LENGTH = 100;
 const COLLAPSE_STRINGS_AFTER_LENGTH = 80;
-const MAX_CARD_HEIGHT = 500;
-
+ 
 export const ModuleResource = ({
   key,
   resource,
@@ -25,6 +24,7 @@ export const ModuleResource = ({
     <>
       <div>{resource.type}</div>
       <ReactJson
+        key={key}
         src={resource.data}
         collapseStringsAfterLength={COLLAPSE_STRINGS_AFTER_LENGTH}
         displayObjectSize={false}
diff --git a/packages/nextjs/app/debug/_components/contract/ModuleResources.tsx b/packages/nextjs/app/debug/_components/contract/ModuleResources.tsx
index cd7369a..35f4ce2 100644
--- a/packages/nextjs/app/debug/_components/contract/ModuleResources.tsx
+++ b/packages/nextjs/app/debug/_components/contract/ModuleResources.tsx
@@ -1,8 +1,4 @@
-import { FunctionForm } from "~~/app/debug/_components/contract";
 import { Contract, ContractName } from "~~/utils/scaffold-move/contract";
-import { Aptos, AptosConfig, Network } from "@aptos-labs/ts-sdk";
-import { useEffect, useState } from 'react';
-import {Types} from "aptos";
 import {useGetAccountResources} from "~~/hooks/scaffold-move";
 import { ModuleResource } from "./ModuleResource";
 
@@ -12,16 +8,14 @@ export const ModuleResources = ({
 }: {
   deployedContractData: Contract<ContractName>;
 }) => {
-  if (!deployedContractData || deployedContractData.abi === undefined) {
-    return null;
-  }
-
   const {isLoading, data, error} = useGetAccountResources(deployedContractData.abi!.address);
-
   
-  const [accountResources, setAccountResources] =
-    useState<Types.MoveResource[] | null>(null);
-
+  if (error) {
+    return <>Cannot fetch  resources. 
+    {error.type && <p>Error: {error.type}</p>}
+    {error.message && <p>Error message: {error.message}</p>}
+    </>;
+  }
 
   if (!data?.length) {
     return <>No resources</>;
diff --git a/packages/nextjs/components/scaffold-move/CustomConnectButton/AddressInfoDropdown.tsx b/packages/nextjs/components/scaffold-move/CustomConnectButton/AddressInfoDropdown.tsx
index 365c356..1dea269 100644
--- a/packages/nextjs/components/scaffold-move/CustomConnectButton/AddressInfoDropdown.tsx
+++ b/packages/nextjs/components/scaffold-move/CustomConnectButton/AddressInfoDropdown.tsx
@@ -44,7 +44,7 @@ export const AddressInfoDropdown = ({
   useOutsideClick(dropdownRef, closeDropdown);
 
 
-  const { disconnect, wallet } = useWallet();
+  const { disconnect } = useWallet();
   return (
     <>
       <details ref={dropdownRef} className="dropdown dropdown-end leading-3">
diff --git a/packages/nextjs/components/scaffold-move/CustomConnectButton/NetworkOptions.tsx b/packages/nextjs/components/scaffold-move/CustomConnectButton/NetworkOptions.tsx
index bf78e94..4078bde 100644
--- a/packages/nextjs/components/scaffold-move/CustomConnectButton/NetworkOptions.tsx
+++ b/packages/nextjs/components/scaffold-move/CustomConnectButton/NetworkOptions.tsx
@@ -1,4 +1,3 @@
-import { useTheme } from "next-themes";
 import { ArrowsRightLeftIcon } from "@heroicons/react/24/solid";
 import { getTargetNetworks } from "~~/utils/scaffold-eth";
 
@@ -10,8 +9,6 @@ type NetworkOptionsProps = {
 
 export const NetworkOptions = ({ hidden = false }: NetworkOptionsProps) => {
   const chain = "devnet"; // TODO: Get this from wallet?
-  const { resolvedTheme } = useTheme();
-  const isDarkMode = resolvedTheme === "dark";
 
   return (
     <>