fix: if chain switching is not support by mobile wallet, show message…

… to end user (#272)

* wip: debugging

* fix: testing

* fix: check to see if supports chain switching

* chore: apos is upsetting to look at

packages/rainbowkit/src/components/ChainModal/ChainModal.tsx

@@ -15,7 +15,7 @@ export interface ChainModalProps {
   onClose: () => void;
   networkData: ReturnType<typeof useNetwork>[0]['data'];
   networkError: ReturnType<typeof useNetwork>[0]['error'];
-  onSwitchNetwork?: (chainId: number) => unknown;
+  onSwitchNetwork?: (chainId: number) => unknown | undefined;
 }
 
 export function ChainModal({
@@ -81,7 +81,7 @@ export function ChainModal({
             <CloseButton onClose={onClose} />
           </Box>
           <Box display="flex" flexDirection="column" gap="4" padding="2">
-            {onSwitchNetwork &&
+            {onSwitchNetwork ? (
               networkData.chains.map((chain, idx) => {
                 const isCurrentChain = chain.id === networkData.chain?.id;
                 const switching = chain.id === switchingToChain;
@@ -188,7 +188,12 @@ export function ChainModal({
                     )}
                   </Fragment>
                 );
-              })}
+              })
+            ) : (
+              <Text color="modalText" size="14" weight="medium">
+                Your wallet does not support switching networks.
+              </Text>
+            )}
           </Box>
         </Box>
       </DialogContent>