> ## Documentation Index
> Fetch the complete documentation index at: https://docs.modelence.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ModelenceQueryClient

[API Reference](/api-reference/@modelence/react-query/classes/../../../index) / [@modelence/react-query](/api-reference/@modelence/react-query/classes/../index) / ModelenceQueryClient

Defined in: [index.ts:39](https://github.com/modelence/modelence/blob/f614ecc6811cdda9670d612872c8ff49a49c5e28/packages/react-query/src/index.ts#L39)

Client for managing Modelence live queries with TanStack Query.
Create one instance and connect it to your QueryClient.

## Example

```tsx theme={null}
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { ModelenceQueryClient } from '@modelence/react-query';

const queryClient = new QueryClient();
new ModelenceQueryClient().connect(queryClient);

function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <YourApp />
    </QueryClientProvider>
  );
}
```

## Constructors

### Constructor

> **new ModelenceQueryClient**(): `ModelenceQueryClient`

#### Returns

`ModelenceQueryClient`

## Methods

### connect()

> **connect**(`queryClient`): `void`

Defined in: [index.ts:44](https://github.com/modelence/modelence/blob/f614ecc6811cdda9670d612872c8ff49a49c5e28/packages/react-query/src/index.ts#L44)

Connects to a TanStack Query QueryClient.
This enables live query subscriptions and cache updates.

#### Parameters

| Parameter     | Type          |
| ------------- | ------------- |
| `queryClient` | `QueryClient` |

#### Returns

`void`
