integrating immer

playground/src/components/TodoApp.tsx

@@ -8,18 +8,21 @@ import { TodoItem, FilterTypes } from '../store';
 export interface TodoAppProps {
   todos: { [id: string]: TodoItem };
   filter: FilterTypes;
+  add: (label: string) => void;
+  remove: (id: string) => void;
+  setFilter: (filter: FilterTypes) => void;
 }
 
 export class TodoApp extends React.Component<TodoAppProps> {
   render() {
-    const { todos, filter } = this.props;
+    const { todos, filter, add, remove, setFilter } = this.props;
 
     return (
       <Stack horizontalAlign="center">
         <Stack style={{ width: 650 }} verticalGap={25}>
-          <TodoHeader />
+          <TodoHeader {...{ add, remove, filter }} />
           <TodoList {...{ todos, filter }} />
-          <TodoFooter />
+          <TodoFooter {...{ todos, setFilter }} />
         </Stack>
       </Stack>
     );