// Using your own UI
import { useConnect } from "thirdweb/react";
import { createWallet } from "thirdweb/wallets";
function App() {
const { connect } = useConnect({
client,
// account abstraction options
accountAbstraction: { chain, sponsorGas: true },
});
return (
<>
<button
onClick={() =>
connect(async () => {
// any wallet connected here will be
// converted to a smart account
const adminWallet = inAppWallet();
await adminWallet.connect({
client,
strategy: "google",
});
return adminWallet;
})
}
>
Connect with Google
</button>
</>
);
}