Skip to content
⚠️You are viewing an older version. Switch to the latest version (v11.x).View latest →

ViewModelsProvider Component ​

A context provider component that establishes a ViewModelStore instance for the React component tree, enabling centralized ViewModel 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>
  )
}