multiple chain signer

[emimaricic]

Hey guys, I'm using 2 smart contracts on different networks and I wonder how can I change useSigner data depending on chain.id change, everything I do breaks my app and I don't find a way to do that

`
const provider = useProvider();
const {
data: signer,
isLoading,
isError,
} = useSigner({ chainId: chain?.id === 80001 ? 80001 : 97 });

useEffect(() => {
if (isLoading) return;
if (address && signer && !isLoading) {
if (contract) {
setContract(null);
clearRaffles();
clearIsChecked();
}

  let contract;
  console.log("signer::::::", signer);

  if (signer.provider._network.chainId === 97) {
    // console.log(signer);
    contract = new ethers.Contract(
      process.env.NEXT_PUBLIC_RAFFLE_ADDRESS_BSC,
      AngleDustRaffleABI.abi,
      signer
    );
  } else {
    // console.log("signer in else", signer);
    contract = new ethers.Contract(
      process.env.NEXT_PUBLIC_RAFFLE_ADDRESS_ETH,
      ADRaffleABIETH.abi,
      signer
    );
  }
  setContract(contract);
} else {
  if (contract) {
    setContract(null);
  }
  console.log("no address");
  const contract = new ethers.Contract(
    process.env.NEXT_PUBLIC_RAFFLE_ADDRESS_BSC,
    AngleDustRaffleABI.abi,
    provider
  );
  setContract(contract);
}

//eslint-disable-next-line

}, [address, signer]);
`