# React Connect Button

### **Install**

```bash
yarn add aptos @fewcha/web3 @fewcha/web3-react
```

### Use

![](https://1926887028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FArok2SPZK1W4KgWMhZzv%2Fuploads%2F2EMCGGqY8DHXab52oB3a%2Fimage.png?alt=media\&token=f24cd853-e2ab-4226-a28c-3c6c5a683a53)

![](https://1926887028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FArok2SPZK1W4KgWMhZzv%2Fuploads%2F0aNwsPNdwaSrb8QyO2b0%2FScreen%20Shot%202022-08-03%20at%209.25.25%20PM.png?alt=media\&token=f6b79ee4-4531-44bb-b3ae-235159f5eae0)

Add provider

```typescript
import Web3Provider from "@fewcha/web3-react";

root.render(
  <React.StrictMode>
    <Web3Provider>
      <App />
    </Web3Provider>
  </React.StrictMode>,
);
```

Use **web3**

```typescript
import { ConnectWallet, useWeb3 } from "@fewcha/web3-react";

const { account, balance, isConnected, network, fewcha, martian, currentWallet } = useWeb3();

!isConnected && <ConnectWallet type="list" />

fewcha...
fewcha.aptos...
fewcha.sui...
fewcha.token...

```