[bug] <appkit-button> does not reconnect on reload

[webel]

Link to minimal reproducible example

https://github.com/webel/appkit-pure-html-example

Summary

This is the basic vanilla js example with wagmi as seen on https://docs.reown.com/appkit/javascript/core/installation.

Run MRE:

pnpm install
pnpm run dev 
// or simply: vite

Steps to reproduce:

1. Connect wallet
2. Reload page
3. Observe that wallet is no longer connected

https://codesandbox.io/p/github/webel/appkit-pure-html-example

Tested with wallets: metamask, phantom and brave wallet.

List of related npm package versions

"@reown/appkit": "^1.3.1",
"@reown/appkit-adapter-wagmi": "^1.3.1",
"viem": "^2.21.44",
"wagmi": "^2.12.29"

[webel]

Looking at e.g. the next implementation, a storage and initialState is loaded and passed on to the provider.

So, I guess, there should be an extra step to get the current state.

const updateConnectionState = async () => {
	// check if key exists in local storage @appkit/connected_connector
	// if it does, try wagmi reconnect
	const connectedConnector = localStorage.getItem('@appkit/connected_connector');

	if (connectedConnector) {
		loading.set(true);
		await reconnect(wagmiAdapter.wagmiConfig);
		loading.set(false);
	}
};

And then I use the loading state to switch between appkit-connect-button and appkit-account-button.