diff --git a/webapps/world-builder-dashboard/src/components/bridge/bridge/ActionButton.tsx b/webapps/world-builder-dashboard/src/components/bridge/bridge/ActionButton.tsx
index 618ba7ee..f680478d 100644
--- a/webapps/world-builder-dashboard/src/components/bridge/bridge/ActionButton.tsx
+++ b/webapps/world-builder-dashboard/src/components/bridge/bridge/ActionButton.tsx
@@ -21,7 +21,7 @@ interface ActionButtonProps {
   isDisabled: boolean
   L2L3message?: { destination: string; data: string }
   setErrorMessage: (arg0: string) => void
-  bridger: Bridger
+  bridger: Bridger | null
   symbol?: string
   decimals?: number
   balance?: string
diff --git a/webapps/world-builder-dashboard/src/components/bridge/bridge/BridgeView.tsx b/webapps/world-builder-dashboard/src/components/bridge/bridge/BridgeView.tsx
index 6208172c..3cd98694 100644
--- a/webapps/world-builder-dashboard/src/components/bridge/bridge/BridgeView.tsx
+++ b/webapps/world-builder-dashboard/src/components/bridge/bridge/BridgeView.tsx
@@ -80,10 +80,8 @@ const BridgeView = ({
     setSelectedBridgeToken(token)
   }
   const { getEstimatedFee, useAllowances } = useBridger()
-
-  const originChainId = direction === 'DEPOSIT' ? selectedLowNetwork.chainId : selectedHighNetwork.chainId
-  const destinationChainId = direction === 'DEPOSIT' ? selectedHighNetwork.chainId : selectedLowNetwork.chainId
-  const [bridger, setBridger] = useState<Bridger>(getBridger(originChainId, destinationChainId, selectedBridgeToken.tokenAddressMap))
+  
+  const [bridger, setBridger] = useState<Bridger | null>(null)
 
 
   const estimatedFee = getEstimatedFee({
diff --git a/webapps/world-builder-dashboard/src/components/bridge/bridge/MultiTokenApproval.tsx b/webapps/world-builder-dashboard/src/components/bridge/bridge/MultiTokenApproval.tsx
index 2a2bbb10..a4aee714 100644
--- a/webapps/world-builder-dashboard/src/components/bridge/bridge/MultiTokenApproval.tsx
+++ b/webapps/world-builder-dashboard/src/components/bridge/bridge/MultiTokenApproval.tsx
@@ -17,7 +17,7 @@ interface MultiTokenApprovalProps {
   setShowApproval: (showApproval: boolean) => void
   balance: string | undefined
   nativeBalance: string | undefined
-  bridger: Bridger
+  bridger: Bridger | null
   decimals: number | undefined
   tokens: Token[]
   startingTokenIndex: number
diff --git a/webapps/world-builder-dashboard/src/hooks/useBridger.ts b/webapps/world-builder-dashboard/src/hooks/useBridger.ts
index c5cf5bd6..3872538b 100644
--- a/webapps/world-builder-dashboard/src/hooks/useBridger.ts
+++ b/webapps/world-builder-dashboard/src/hooks/useBridger.ts
@@ -42,7 +42,7 @@ export const useBridger = () => {
         selectedHighNetwork,
         tokenInformation
     }: {
-        bridger: Bridger
+        bridger: Bridger | null 
         value: string
         direction: 'DEPOSIT' | 'WITHDRAW'
         selectedLowNetwork: NetworkInterface
@@ -111,7 +111,7 @@ export const useBridger = () => {
         selectedHighNetwork,
         connectedAccount
     }: {
-        bridger: Bridger
+        bridger: Bridger | null 
         direction: DepositDirection
         selectedLowNetwork: NetworkInterface
         selectedHighNetwork: NetworkInterface