Overmind Basic Application

app.jsx

import React from "react"
import { createOvermind } from "overmind"
import { createHook, Provider } from "overmind-react"

const app = createOvermind({
  state: {
    counter: 0
  },
  actions: {
    increment({ state }) {
      state.counter++
    }
  }
})

const useApp = createHook()

function App() {
  const { state, actions } = useApp()

  return (
    <>
      <p>{state.counter}</p>
      <button onClick={() => actions.increment()}>Increment</button>
    </>
  );
}