---
url: /mobx-view-model/v10/react/api/view-models-provider.md
---
# `ViewModelsProvider` Component

A context provider component that establishes a [ViewModelStore](/api/view-model-store/overview) instance for the React component tree,
enabling centralized [ViewModel](/api/view-models/overview) management and cross-component access.

## API Signature

```tsx
function ViewModelsProvider(props: { children: ReactNode; value: ViewModelStore }): ReactNode;
```

### Usage

```tsx
import { ViewModelStoreBase } from "mobx-view-model";
import { ViewModelsProvider } from "mobx-view-model-react";

const vmStore = new ViewModelStoreBase();

export const App = () => {
  return (
    <ViewModelsProvider value={vmStore}>
      ...
    </ViewModelsProvider>
  )
}
```