How to use

Container

function

in

undux

const App = () => (
  <Store.Container>
    <Provider>
      <TodoContainer>
        {({ addTodo, todos, removeTodo, updateTodo, setEditing, editing }) => (
          <Base display="flex" minHeight="100vh" alignItems="center" justifyContent="center">
            <Card padding={10} minWidth={400}>
              <Heading>Todo List</Heading>
              <ListTodos
                todos={todos}
                removeTodo={removeTodo}
                updateTodo={updateTodo}
                setEditing={setEditing}
                editing={editing}
              />
              <Button onClick={() => addTodo('New Todo')} plain>
                <Icon name="plus" />
              </Button>
            </Card>
          </Base>
        )}
      </TodoContainer>
    </Provider>
  </Store.Container>
)

render() {
  return (
   <ErrorBoundary>
    <Store.Container>
     <Router />
    </Store.Container>
   </ErrorBoundary>
  )
 }