diff --git a/packages/web-lib/hooks/useChainID.tsx b/packages/web-lib/hooks/useChainID.tsx
index 70bd99c6..9521803c 100644
--- a/packages/web-lib/hooks/useChainID.tsx
+++ b/packages/web-lib/hooks/useChainID.tsx
@@ -7,6 +7,13 @@ export type TUseChainIDRes = {
 	safeChainID: number;
 }
 
+export const toSafeChainID = (chainID: number, fallback: number): number => {
+	if ([1337, 31337].includes(chainID)) {
+		return fallback;
+	}
+	return chainID;
+};
+
 /* 🔵 - Yearn Finance ******************************************************
 ** This hook can be used to grab the current injected wallet provider.
 ** It will return the name and icon of the wallet provider.
@@ -15,7 +22,7 @@ export function useChainID(defaultChainID?: number): TUseChainIDRes {
 	const {chainID, onSwitchChain} = useWeb3();
 	const safeChainID = useMemo((): number => {
 		const fallbackChainID = defaultChainID || 1;
-		return [1337, 31337].includes(chainID) ? fallbackChainID : chainID || fallbackChainID;
+		return toSafeChainID(chainID, fallbackChainID);
 	}, [chainID, defaultChainID]);
 
 	return ({
diff --git a/packages/web-lib/package.json b/packages/web-lib/package.json
index 45ea19db..95a44e03 100755
--- a/packages/web-lib/package.json
+++ b/packages/web-lib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@yearn-finance/web-lib",
-  "version": "0.20.76",
+  "version": "0.20.77",
   "files": [
     "."
   ],