---
url: /mobx-view-model/v9/recipes/wrap-view-components-in-custom-hoc.md
---
# Wrap view components in custom HOC

To achieve this you can use the [`processViewComponent`](/api/view-models/view-models-config.html#processviewcomponent) view model config option.

Example:

```tsx
import { viewModelsConfig } from "mobx-view-model";

const YourHOC = (Component) => {
  return (props) => {
    return (
      <ErrorBoundary>
        <Component {...props} />
      </ErrorBoundary>
    )
  }
}

viewModelsConfig.processViewComponent = (component) => {
  return YourHOC(component);
};
```