fix: separated default dest n/w logic from first render logic

src/components/Output.tsx

@@ -134,16 +134,29 @@ export const Output = ({
       }
       setSupportedNetworksSubset(networksSubset);
 
+      /**
+       * If it's first render show the default dest network or the first n/w from the list
+       * If the source chain is same as destination chain && same chain swaps is disabled, show the first chain from the list
+       */
       if (firstNetworkRender) {
         updateNetwork(
           networksSubset?.find(
             (x: Network) => x.chainId === defaultDestNetwork
           ) ?? networksSubset?.[0]
         );
         setFirstRenderNetwork(false);
-      } else updateNetwork(networksSubset?.[0]);
+      } else if (!sameChainSwapsEnabled && sourceChainId === destChainId) {
+        updateNetwork(networksSubset?.[0]);
+      }
+    }
+  }, [sourceChainId, supportedNetworks]);
+
+  // when the default dest n/w is changed
+  useEffect(() => {
+    if(!firstNetworkRender && defaultDestNetwork){
+      updateNetwork(supportedNetworks?.find((x:Network) => x.chainId === defaultDestNetwork))
     }
-  }, [supportedNetworks, sourceChainId, defaultDestNetwork]);
+  }, [supportedNetworks, defaultDestNetwork])
 
   // For Input & tokens
   const [outputAmount, updateOutputAmount] = useState<string>("");

src/stories/Test.stories.tsx

@@ -95,7 +95,10 @@ const Template = (args: WidgetProps) => {
           </button>
         )}
       </div>
-      <Bridge {...args} provider={provider} />
+      <Bridge {...args} provider={provider} 
+        // defaultDestNetwork={_defaultDestNetwork} 
+        // destNetworks={_destNetworks}
+      />
     </div>
   );
 };