I am trying to implement the mvvm pattern with React.I am currently doing this by building a "dumb" component (the view) that depends on a "viewModel" function. The function returns all the relevant state and business logic (like event handlers etc.).

I am wondering if I can use this same method but with a react Class instead of a React function. I have added a simple counter example trying to implement this idea. I have access to the state but when I click on the increase count button I get an error: Warning: Can't call setState on a component that is not yet mounted.

https://codesandbox.io/s/purple-sound-ogerg?file=/src/App.js