[SOLVED]How to deal with this chain issue

I am trying to switch different chain, like arbitrum, optimistic,

What caused this issue?

  const { nativeToken } = useNativeBalance();



      <Text mb="3" fontSize={"xl"} fontWeight="bold">
        My NativeBalance
      </Text>
      {ethBalance && (
        <Text mb="6">
          💲&nbsp; {ethBalance} <b>{nativeToken?.symbol}</b>
        </Text>
      )}

Any check should appended?

Yes, have added check chain code.

  if (chain !== null && chain !== undefined) {