> For the complete documentation index, see [llms.txt](https://docs.fewcha.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fewcha.app/react-connect-button.md).

# React Connect Button

### **Install**

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

### Use

![](/files/3g1rQ5eKWhttEF0m4egh)

![](/files/RKDil1g7i8VwBKGPn7TL)

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...

```