Torus Wallet disappears on reload (Web3Auth is not connected)

cormacguerin · April 25, 2023, 9:35am

I’m following the vue guide here

Web3Auth/web3auth-pnp-examples/blob/main/web-modal-sdk/evm/vue-evm-modal-example/src/Home.vue

<template>
  <div id="app">
    <h2>
      <a target="_blank" href="http://web3auth.io/" rel="noreferrer">
        Web3Auth
      </a>
      Vue.js Ethereum Example
    </h2>

    <button
      v-if="!loggedin"
      class="card"
      @click="login"
      style="cursor: pointer"
    >
      Login
    </button>

    <div v-if="loggedin">
      <div class="flex-container">

This file has been truncated. show original

It works and I can log in however when I reload the page the torus wallet icon is gone and it seems the provider is missing, how can I make the wallet persist reloads ?

edit: I noticed that torus wallet when i try to use it reports (Web3Auth is not connected) even though I have called connect … how can I ensure it persists connection on reload.

Thanks
Cormac

boblilian1234567 · May 22, 2023, 7:01pm

Getting the same issue.
Anyone have any clue how to resolve this?

boblilian1234567 · May 22, 2023, 10:45pm

I resolved this issue by calling initWithProvider on reload:

const userInfo = await web3Auth.getUserInfo()
await torusPlugin.initWithProvider(provider, userInfo);

archit · June 25, 2023, 2:41pm

Hi @boblilian1234567 @cormacguerin

Could you please update the web3auth SDKs to version 6? For detailed instructions on how to migrate from version 5 to version 6, please refer to the migration guide available at here. Additionally, you can find useful examples in the pnp-examples repository.

system · August 24, 2023, 2:41pm

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.