useChainWallet not updating on connect

[henkterharmsel]

When using the onChainWallet hook, on connect the ChainWalletContext is not getting updated. isWalletConnecting stays false, address stays undefined, isWalletConnected stays false and the qrURL for the mobile wallet is also not set. I noticed that this bug was introduced after version "@cosmos-kit/core": "2.8.5" and "@cosmos-kit/react-lite": "2.6.5"

[Scipion]

I'm getting the same problem. Is there any workaround?

[henkterharmsel]

So far, I haven't found any. I'm sticking to an older version for now.

[henkterharmsel]

Anyone got a workaround for this? Tried to update to the latest versions today, but it's still not working for me.

[henkterharmsel]

I researched the useChainWallet hook, and I think I found the issue. In the 2.6.6 version, a useMemo was added that retrieves the ChainWalletContext only when the wallet.chain changes. What's missing here is that it should refetch the context when the wallet.state changes as well. I've implemented this into my own hook, which works, but someone with access can also update this in the default useChainWallet hook. Code for my own hook implementation is as follows:

import { ChainName, ChainWalletContext, WalletName } from '@cosmos-kit/core';
import { useContext, useMemo } from 'react';

import { walletContext } from '@cosmos-kit/react-lite';
import { getChainWalletContext } from '@cosmos-kit/react-lite/cjs/utils';

export const useCosmosKitChainWallet = (
  chainName: ChainName,
  walletName: WalletName,
  sync = true
): ChainWalletContext => {
  const context = useContext(walletContext);

  if (!context) {
    throw new Error('You have forgot to use ChainProvider.');
  }

  const { walletManager } = context;

  const wallet = walletManager.getChainWallet(chainName, walletName);
  wallet.activate();

  const chainWalletContext = useMemo(() => {
    if (wallet.chain) {
      return getChainWalletContext(wallet.chain.chain_id, wallet, sync);
    } else {
      throw new Error(
        `Chain wallet for ${chainName} and ${walletName} is not available.`)
    }
  }, [wallet.chain, wallet.state]);
  
  return chainWalletContext;
};