Include openSwitchNetworks on ConnectKitButton.Custom render prop

[volkyeth]

I suggest including the openSwitchNetworks as a prop on the ConnectKitButton.Custom render prop, to make it possible to act upon the unsupported = true scenario, the same way we can act upon isConnected = false

I've been using a pattern to prompt the user for wallet connection and switching the network (with enforceSupportedChains: false) only when they intend to do on-chain interactions.

For that I use the ConnectKitButton.Custom component. While I can handle wallet connection with it using the isConnected and show props, I can only detect wrong networks with the unsupported prop, but I need the external openSwitchNetworks callback from the useModal() hook to trigger the switching.

For reference, here's the component I use to wrap those interactions:

export const ContractActionButton: FC<ContractActionButtonProps> = ({
  onClick,
  ...props
}) => {
  const { openSwitchNetworks } = useModal()

  return (
    <ConnectKitButton.Custom>
      {({ isConnected, address, show, isConnecting, unsupported }) => (
        <Button
          {...props}
          onClick={
            isConnected ? (unsupported ? openSwitchNetworks : onClick) : show
          }
        />
      )}
    </ConnectKitButton.Custom>
  )
}