# Hydrate | @account-kit/react

> Overview of the Hydrate component from @account-kit/react

> For the complete documentation index, see [llms.txt](/docs/llms.txt).

{/* This file is auto-generated by TypeDoc. Do not edit manually. */}

```ts
function Hydrate(props): ReactNode;
```

Defined in: [account-kit/react/src/hydrate.ts:29](https://github.com/alchemyplatform/aa-sdk/blob/main/account-kit/react/src/hydrate.ts#L29)

A react component that can be used to hydrate the client store with the provided initial state.
This method will use `hydrate` to hydrate the client store with the provided initial state if one is provided.
If ssr is set on the account config, then it will run the onMount function within a useEffect hook. Otherwise,
It will run onMount as soon as the component is rendered.

based on https://github.com/wevm/wagmi/blob/main/packages/react/src/hydrate.ts

## Parameters

<table>
  <thead>
    <tr>
      <th align="left">Parameter</th>
      <th align="left">Type</th>
      <th align="left">Description</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        `props`
      </td>

      <td>
        `PropsWithChildren`\<`HydrateProps`>
      </td>

      <td>
        component props containing the config and initial state as well as children to render
      </td>
    </tr>

  </tbody>
</table>

## Returns

`ReactNode`

the children to render