Render props for Almin + React about almin HOT 8 CLOSED

import { StoreGroup, Context } from "almin";
const storeGroup = new StoreGroup({
  app: new AppStore(),
  counter: new CounterStore();
});

const context = new Context({ store: storeGroup });

function Counter() {
  return (
    <Subscribe to={[AppStore, CounterStore]}>
      {(app, counter) => (
        <div>
          <span>Count: {counter.state.count}</span>
          <button onClick={() => context.useCase(new DecrementUseCase()).execute()}>-</button>
          <button onClick={() => context.useCase(new IncrementUseCase()).execute()}>+</button>
        </div>
      )}
    </Subscribe>
  );
}

function App() {
  return (
    <Subscribe to={[AppStore]}>
      {app => (
        <div>
          <Counter />
          <label>Amount: </label>
          <input
            type="number"
            value={app.state.amount}
            onChange={event => {
              context.useCase(new IncrementUseCase()).execute();
            }}
          />
        </div>
      )}
    </Subscribe>
  );
}

render(
  <Provider context={context}>
    <App />
  </Provider>,
  window.complex
);