Calling the getPKH function multiple times open multiples address selection modal

[felixdenoix]

In the case where a user has multiples wallet registered in the app, if the UI invokes a function that triggers a wallet choice the webview will open as many times as the users invokes the said function.

Example: In the case where I'm trying to retrieve the user pkh in a react's useEffect function, the modal open's twice in developpement mode as the useEffect are called twice to test the cleanup function (see docs).

const [currentWalletAddress, setCurrentWalletAddress] = useState<string | undefined>()
const [isWalletConnected, setIsWalletConnected] = useState<boolean>(false)

const auWalletRef = useRef<AUWalletProviderClass | null>(null)
const tezosRef = useRef<TezosToolkit | null>(null)

useEffect(() => {
  if (typeof window !== 'undefined') {

    tezosRef.current = new TezosToolkit(process.env.NEXT_PUBLIC_APP_RPC_ADDRESS as string)

    auWalletRef.current = new AUWalletProvider({
      name: walletOptions.name,
      url: walletOptions.url,
      icons: [walletOptions.iconUrl],
    })

    tezos.current.setProvider({ wallet: auWalletRef.current })
    const walletAddress = await auWalletRef.current?.getPKH()

    if (walletAddress) {
      setCurrentWalletAddress(walletAddress)
      setIsWalletConnected(true)
    }

    return () => {
      // Effect cleanup
      // is there a method to cancel the previous request ?
    }
  }
}, [])