React component using observable state via connect binding

App.jsx

import { appState$ } from './state';

const App = ({todos, counter, total}) =>
  <>
    <div>counter: {counter}</div>
    <div>todos: {todos.map(todo => <div>{todo.title}</div>)}</div>
    <div>total: {total}</div>
  </>
                           
export default connect(appState$)(App);