diff --git a/app/(routes)/channels/page.tsx b/app/(routes)/channels/page.tsx
index 5d1a7a3..f4b39d7 100644
--- a/app/(routes)/channels/page.tsx
+++ b/app/(routes)/channels/page.tsx
@@ -134,6 +134,7 @@ export default function Channels() {
 
   useEffect(() => {
     loadData(channelType);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [pageNumber, channelType]);
 
   function updateHeader(newHeader: string) {
diff --git a/app/(routes)/packets/packet-details.tsx b/app/(routes)/packets/packet-details.tsx
index a7628cb..4552bee 100644
--- a/app/(routes)/packets/packet-details.tsx
+++ b/app/(routes)/packets/packet-details.tsx
@@ -3,7 +3,6 @@ import { CHAIN_CONFIGS, CHAIN, clientToDisplay } from 'utils/chains/configs';
 import { classNames, numberWithCommas, getExplorerFromRegistry } from 'utils/functions';
 import { LinkAndCopy } from 'components/link-and-copy';
 import { useEffect, useState } from 'react';
-import { clear } from 'console';
 
 export function PacketDetails(initialPacket: Packet | null, open: boolean) {
   const [packet, setPacket] = useState<Packet | null>(initialPacket);
@@ -68,7 +67,7 @@ export function PacketDetails(initialPacket: Packet | null, open: boolean) {
 
     return () => {
       controller.abort();
-      clearInterval(intervalId);
+      if (intervalId) clearInterval(intervalId);
     };
   }, [initialPacket, open]);