diff --git a/apps/token/src/hooks/use-get-user-tranche-balances.ts b/apps/token/src/hooks/use-get-user-tranche-balances.ts
index 959be64c4..58476abc5 100644
--- a/apps/token/src/hooks/use-get-user-tranche-balances.ts
+++ b/apps/token/src/hooks/use-get-user-tranche-balances.ts
@@ -7,20 +7,24 @@ import {
   useAppState,
 } from '../contexts/app-state/app-state-context';
 import { BigNumber } from '../lib/bignumber';
+import { useTranches } from './use-tranches';
 
 export const useGetUserTrancheBalances = (
   address: string,
   vesting: VegaVesting
 ) => {
   const { appDispatch } = useAppState();
+  const { tranches } = useTranches();
   return React.useCallback(async () => {
     appDispatch({
       type: AppStateActionType.SET_TRANCHE_ERROR,
       error: null,
     });
     try {
-      const tranches = await vesting.getAllTranches();
-      const userTranches = tranches.filter((t) =>
+      if (!tranches) {
+        return;
+      }
+      const userTranches = tranches?.filter((t) =>
         t.users.some(
           ({ address: a }) =>
             a && address && a.toLowerCase() === address.toLowerCase()
diff --git a/apps/token/src/hooks/use-tranches.ts b/apps/token/src/hooks/use-tranches.ts
index e85d0d231..32e7c9d7c 100644
--- a/apps/token/src/hooks/use-tranches.ts
+++ b/apps/token/src/hooks/use-tranches.ts
@@ -1,29 +1,79 @@
+import type { Networks, Tranche } from '@vegaprotocol/smart-contracts-sdk';
 import React from 'react';
-import * as Sentry from '@sentry/react';
-import type { Tranche } from '@vegaprotocol/smart-contracts-sdk';
+import { APP_ENV } from '../config';
 
-import { useContracts } from '../contexts/contracts/contracts-context';
+import { BigNumber } from '../lib/bignumber';
+
+const TRANCHES_URLS: { [N in Networks]: string } = {
+  MAINNET: 'https://static.vega.xyz/assets/mainnet-tranches.json',
+  TESTNET: 'https://static.vega.xyz/assets/testnet-tranches.json',
+  STAGNET: 'https://static.vega.xyz/assets/stagnet1-tranches.json',
+  STAGNET2: 'https://static.vega.xyz/assets/stagnet2-tranches.json',
+  DEVNET: 'https://static.vega.xyz/assets/devnet-tranches.json',
+  CUSTOM: '',
+};
 
 export function useTranches() {
-  const { vesting } = useContracts();
   const [tranches, setTranches] = React.useState<Tranche[] | null>(null);
-  const [error, setError] = React.useState<string | null>(null);
-
+  const [error, setError] = React.useState<Error | null>(null);
+  const [loading, setLoading] = React.useState<boolean>(false);
+  const url = React.useMemo(() => TRANCHES_URLS[APP_ENV], []);
   React.useEffect(() => {
     const run = async () => {
       try {
-        const res = await vesting.getAllTranches();
-        setTranches(res);
-      } catch (err) {
-        Sentry.captureException(err);
-        setError((err as Error).message);
+        setLoading(true);
+        const res = await fetch(url);
+        if (!res.ok) {
+          throw new Error(res.statusText);
+        }
+        const tranchesJson = await res.json();
+        const processedTrances = tranchesJson
+          .map((t: Tranche) => ({
+            ...t,
+            tranche_start: new Date(t.tranche_start),
+            tranche_end: new Date(t.tranche_end),
+            total_added: new BigNumber(t.total_added),
+            total_removed: new BigNumber(t.total_removed),
+            locked_amount: new BigNumber(t.locked_amount),
+            deposits: t.deposits.map((d) => ({
+              ...d,
+              amount: new BigNumber(d.amount),
+            })),
+            withdrawals: t.withdrawals.map((w) => ({
+              ...w,
+              amount: new BigNumber(w.amount),
+            })),
+            users: t.users.map((u) => ({
+              ...u,
+              // @ts-ignore - types are incorrect in the SDK lib
+              deposits: u.deposits.map((d) => ({
+                ...d,
+                amount: new BigNumber(d.amount),
+              })),
+              // @ts-ignore - types are incorrect in the SDK lib
+              withdrawals: u.withdrawals.map((w) => ({
+                ...w,
+                amount: new BigNumber(w.amount),
+              })),
+              total_tokens: new BigNumber(u.total_tokens),
+              withdrawn_tokens: new BigNumber(u.withdrawn_tokens),
+              remaining_tokens: new BigNumber(u.remaining_tokens),
+            })),
+          }))
+          .sort((a: Tranche, b: Tranche) => a.tranche_id - b.tranche_id);
+        setTranches(processedTrances);
+      } catch (e) {
+        setError(e as Error);
+      } finally {
+        setLoading(false);
       }
     };
     run();
-  }, [vesting]);
+  }, [setTranches, url]);
 
   return {
     tranches,
+    loading,
     error,
   };
 }