React component with methods in composed state

App.jsx

import { connect } from '@stated-library/react';
import { appState$ } from './state';

const App = ({addTodo, allTodos, visibleTodos}) =>
  <>
    <button onClick={() => addTodo("New todo")}>
      Add Todo
    </button>
    <div>All todos: {allTodos.map(todo => <div>{todo.title}</div>)}</div>
    <div>Visible todos: {visibleTodos.map(todo => <div>{todo.title}</div>)}</div>
  </>

export default connect(appState$)(App);