# Hooks

Our components are built on top of these React hooks, which you can use directly to create your own custom Ethereum components, or even combine them to build more complex ones.

## Installation

### Peer Dependencies

Install the required peer dependencies using your preferred package manager:

:::code-group
```bash [npm]
npm install react react-dom @types/react viem wagmi @tanstack/react-query
```

```bash [pnpm]
pnpm add react react-dom @types/react viem wagmi @tanstack/react-query
```

```bash [yarn]
yarn add react react-dom @types/react viem wagmi @tanstack/react-query
```
:::

### Package Installation

Install Scaffold UI hooks using your preferred package manager:

:::code-group
```bash [npm]
npm install @scaffold-ui/hooks
```

```bash [pnpm]
pnpm add @scaffold-ui/hooks
```

```bash [yarn]
yarn add @scaffold-ui/hooks
```
:::

### Create wagmi config and setup Tanstack query

https://wagmi.sh/react/getting-started#create-config