From 1763ea334e3bd84cf76fce20b99dda6a80709c03 Mon Sep 17 00:00:00 2001 From: Haruki Kondo <44923695+mashharuki@users.noreply.github.com> Date: Wed, 12 Oct 2022 16:35:18 +0900 Subject: [PATCH 1/2] fix useEffect() add connect() function before account() function. --- developer-docs-site/docs/tutorials/first-dapp.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/developer-docs-site/docs/tutorials/first-dapp.md b/developer-docs-site/docs/tutorials/first-dapp.md index 17400679348ea..b6c44f3b870e2 100644 --- a/developer-docs-site/docs/tutorials/first-dapp.md +++ b/developer-docs-site/docs/tutorials/first-dapp.md @@ -148,8 +148,20 @@ import './App.css'; function App() { // Retrieve aptos.account on initial render and store it. const [address, setAddress] = React.useState(null); + + /** + * init function + */ + const init = async() => { + // connect + await window.aptos.connect(); + const data = await window.aptos.account(); + // set address + setAddress(data.address); + } + React.useEffect(() => { - window.aptos.account().then((data : {address: string}) => setAddress(data.address)); + init(); }, []); return ( From ebf3e3d540f259bde710105d2d1ea2bbd01d2339 Mon Sep 17 00:00:00 2001 From: David Wolinsky Date: Sat, 3 Dec 2022 13:22:41 -0800 Subject: [PATCH 2/2] Update developer-docs-site/docs/tutorials/first-dapp.md Co-authored-by: Andrew Hariri --- developer-docs-site/docs/tutorials/first-dapp.md | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/developer-docs-site/docs/tutorials/first-dapp.md b/developer-docs-site/docs/tutorials/first-dapp.md index b6c44f3b870e2..68d748a3d55ff 100644 --- a/developer-docs-site/docs/tutorials/first-dapp.md +++ b/developer-docs-site/docs/tutorials/first-dapp.md @@ -154,10 +154,8 @@ function App() { */ const init = async() => { // connect - await window.aptos.connect(); - const data = await window.aptos.account(); - // set address - setAddress(data.address); + const { address, publicKey } = await window.aptos.connect(); + setAddress(address); } React.useEffect(() => {