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> )