If you don't already have the app running, start it by running npm start from the root of the frontend-bootcamp folder. Click the "exercise" link under day 2 step 7 to see results.

open up exercise/src/index.tsx and wrap <TodoApp> with <Provider> as instructed in the comment
open up exercise/src/components/TodoFooter.tsx and erase the "nullable" type modifier (i.e. the ?) in the interface definition of TodoFooterProps
Remove the export from export const TodoFooter = (props: TodoFooterProps) => {
uncomment the bottom bits of code and fill in the implementation for mapStateToProps() and mapDispatchToProps() - feel free to use TodoListItem.tsx as a guide
do steps 2, 3, and 4 for the TodoHeader.tsx file

Bonus Exercise

For further reading, go here to look up more information about the mergeProps and options parameters to connect():

https://react-redux.js.org/api/connect