Wrap view components in custom HOC
To achieve this you can use the 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);
};