Hi,
I am converting react web app to capacitor android app.
Web project using @toruslabs/torus-embed npm module and it is working well in web.
But when i converted to capacitor app. login process is not finishing successfully.
Here is current status.
Here is code
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import Torus from "@toruslabs/torus-embed"; import { useEffect, useState } from 'react';function App() {
const [torusInstance, setTorusInstance] = useState<Torus>();
useEffect(() => {
(async () => {
const torus = new Torus();
await torus.init({
useWalletConnect: true
});
torus.isIframeFullScreen = true
setTorusInstance(torus);
})()
}, [])
const login = async () => {
await torusInstance?.login();
// await torusInstance?.ethereum.enable()
}
const logout = async () => {
await torusInstance?.logout();
}
return (
<div className="App">
<button onClick={login}>Login With Web3Auth</button>
<button onClick={logout}>Logout</button>
</div>
);
}
export default App;">
import Torus from “@toruslabs/torus-embed”;
import { useEffect, useState } from ‘react’;
function App() {
const [torusInstance, setTorusInstance] = useState<Torus>();
useEffect(() => {
(async () => {
const torus = new Torus();
await torus.init({
useWalletConnect: true
});
torus.isIframeFullScreen = true
setTorusInstance(torus);
})()
}, [])
const login = async () => {
await torusInstance?.login();
// await torusInstance?.ethereum.enable()
}
const logout = async () => {
await torusInstance?.logout();
}
return (
<div className=“App”>
<button onClick={login}>Login With Web3Auth</button>
<button onClick={logout}>Logout</button>
</div>
);
}
export default App;
How to solve this problem?
Originally posted by: SuperBluestar
Check the discussion at: https://github.com/orgs/Web3Auth/discussions/1086