You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Jan 5, 2024. It is now read-only.
Copy file name to clipboardExpand all lines: docs/onboarding/23 Smart Wallet/Guides/React.mdx
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -11,7 +11,7 @@ By using the [wallet SDK](/wallet/smart-wallet) alongside the [React SDK](/react
11
11
12
12
In react, there are three ways to get started with smart wallets:
13
13
14
-
- Using the [`ConnectWallet`](#using-connectwallet) component - an out of thebox UI to connect your users with any wallet including smart wallet. This uses the Wallet SDK under the hood.
14
+
- Using the [`ConnectWallet`](#using-connectwallet) component - an out-of-the-box UI to connect your users with any wallet including smart wallet. This uses the Wallet SDK under the hood.
15
15
- Using the [`useConnect` hook](#using-useconnect) to connect users and create a custom UI.
16
16
- Using the [`Wallet SDK`](#using-thirdwebsdkprovider) directly for low level control over the smart wallet.
17
17
@@ -52,7 +52,7 @@ Choose the right smart wallet setup for your app. thirdweb offers the following
52
52
53
53
## 2. Create an API key
54
54
55
-
To use the smart wallet bundler and paymaster you need to create an API key and a billing account.
55
+
To use the smart wallet bundler and paymaster, you must create an API key and a billing account.
56
56
57
57
To create an API Key:
58
58
@@ -62,21 +62,21 @@ To create an API Key:
62
62

63
63
64
64
- Give your API key a name and click **Next**.
65
-
- Make sure that the **Smart Wallets** services are enabled and any addresses that your deployed smart accounts interact with are added to the **Allowed Contract Addresses** section:
65
+
- Make sure that the **Smart Wallets** services are enabled, and any addresses that your deployed smart accounts interact with are added to the **Allowed Contract Addresses** section:
66
66
67
67

68
68
69
69
- Click **Next** and then add your local host and production/preview domains to the **Set Access Restrictions** section. Click "Create" to create your key.
70
-
- Copy your **Secret Key** and store it in a safe place such as a password manager. You will not be able to see this key again.
70
+
- Copy your **Secret Key** and store it in a safe place like a password manager. You will not be able to see this key again.
71
71
- Click **I Have Stored the Secret Key Securely** and your key will now be visible from the API Keys table.
72
72
-**Note**: to edit your private key at any point, click on the key from the table and then click on the **Edit** button.
73
73
- Copy your **clientId**. Since we are building a front-end application, we will need to use this key to build our application.
74
74
75
-
To use smart wallet infrastructure on mainnet you will also need to [create an account and add a paymet method](https://thirdweb.com/dashboard/settings/billing).
75
+
To use smart wallet infrastructure on mainnet you will also need to [create an account and add a payment method](https://thirdweb.com/dashboard/settings/billing).
76
76
77
77
## 3. Create an App
78
78
79
-
To use smart wallets in a react app you can either:
79
+
To use smart wallets in a React app you can either:
80
80
81
81
- Use the [create](/cli/create) command to create a new project with the dependencies already installed.
82
82
- Add the dependencies to an existing project.
@@ -89,7 +89,7 @@ Open your terminal and run:
89
89
npx thirdweb create app
90
90
```
91
91
92
-
When promted, select/input the following options:
92
+
When prompted, select/input the following options:
93
93
94
94
- A name for the project
95
95
-`EVM` as the blockchain
@@ -106,7 +106,7 @@ To add the dependencies to an existing project, run the following commands:
106
106
npx thirdweb install
107
107
```
108
108
109
-
This will install the relevant dependencies.
109
+
This will detect the environment you are working in and install the relevant dependencies.
0 commit comments