From 4c440c8ac33cc918685d65e9f3dbe88b01cf80c1 Mon Sep 17 00:00:00 2001
From: Elizabeth Craig <elcraig@microsoft.com>
Date: Thu, 28 Feb 2019 13:58:42 -0800
Subject: [PATCH] Add <any, any> props/state to React components to prevent
 compiler errors

---
 step1-04/demo/src/App.tsx                         | 2 +-
 step1-04/demo/src/components/Counter.tsx          | 2 +-
 step1-04/final/src/App.tsx                        | 2 +-
 step1-05/demo/src/App.tsx                         | 2 +-
 step1-05/demo/src/components/TodoHeader.tsx       | 2 +-
 step1-05/demo/src/components/TodoListItem.tsx     | 2 +-
 step1-05/exercise/src/App.tsx                     | 2 +-
 step1-05/exercise/src/components/TodoHeader.tsx   | 2 +-
 step1-05/exercise/src/components/TodoListItem.tsx | 2 +-
 step1-05/final/src/TodoApp.tsx                    | 2 +-
 step1-05/final/src/components/TodoHeader.tsx      | 2 +-
 step1-05/final/src/components/TodoListItem.tsx    | 2 +-
 step1-06/demo/src/TodoApp.tsx                     | 2 +-
 step1-06/demo/src/components/TodoListItem.tsx     | 2 +-
 14 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/step1-04/demo/src/App.tsx b/step1-04/demo/src/App.tsx
index 1dbb2ec..0edad45 100644
--- a/step1-04/demo/src/App.tsx
+++ b/step1-04/demo/src/App.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-export class App extends React.Component {
+export class App extends React.Component<any, any> {
   render() {
     let text = 'My App';
     return (
diff --git a/step1-04/demo/src/components/Counter.tsx b/step1-04/demo/src/components/Counter.tsx
index f56d26e..8f11f2d 100644
--- a/step1-04/demo/src/components/Counter.tsx
+++ b/step1-04/demo/src/components/Counter.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-export class Counter extends React.Component {
+export class Counter extends React.Component<any, any> {
   render() {
     return <p>hello</p>;
   }
diff --git a/step1-04/final/src/App.tsx b/step1-04/final/src/App.tsx
index f6051f7..82fe336 100644
--- a/step1-04/final/src/App.tsx
+++ b/step1-04/final/src/App.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Counter } from './components/Counter';
 
-export class App extends React.Component {
+export class App extends React.Component<any, any> {
   render() {
     return (
       <div className="App">
diff --git a/step1-05/demo/src/App.tsx b/step1-05/demo/src/App.tsx
index 0f6e89a..6e797ed 100644
--- a/step1-05/demo/src/App.tsx
+++ b/step1-05/demo/src/App.tsx
@@ -3,7 +3,7 @@ import { TodoFooter } from './components/TodoFooter';
 import { TodoHeader } from './components/TodoHeader';
 import { TodoList } from './components/TodoList';
 
-export class TodoApp extends React.Component {
+export class TodoApp extends React.Component<any, any> {
   render() {
     return (
       <div>
diff --git a/step1-05/demo/src/components/TodoHeader.tsx b/step1-05/demo/src/components/TodoHeader.tsx
index 7f32901..013b567 100644
--- a/step1-05/demo/src/components/TodoHeader.tsx
+++ b/step1-05/demo/src/components/TodoHeader.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-export class TodoHeader extends React.Component {
+export class TodoHeader extends React.Component<any, any> {
   render() {
     return (
       <header>
diff --git a/step1-05/demo/src/components/TodoListItem.tsx b/step1-05/demo/src/components/TodoListItem.tsx
index 4238bce..1b7fb5c 100644
--- a/step1-05/demo/src/components/TodoListItem.tsx
+++ b/step1-05/demo/src/components/TodoListItem.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-export class TodoListItem extends React.Component {
+export class TodoListItem extends React.Component<any, any> {
   render() {
     return <div />;
   }
diff --git a/step1-05/exercise/src/App.tsx b/step1-05/exercise/src/App.tsx
index 0f6e89a..6e797ed 100644
--- a/step1-05/exercise/src/App.tsx
+++ b/step1-05/exercise/src/App.tsx
@@ -3,7 +3,7 @@ import { TodoFooter } from './components/TodoFooter';
 import { TodoHeader } from './components/TodoHeader';
 import { TodoList } from './components/TodoList';
 
-export class TodoApp extends React.Component {
+export class TodoApp extends React.Component<any, any> {
   render() {
     return (
       <div>
diff --git a/step1-05/exercise/src/components/TodoHeader.tsx b/step1-05/exercise/src/components/TodoHeader.tsx
index 1ff147c..4dabdd4 100644
--- a/step1-05/exercise/src/components/TodoHeader.tsx
+++ b/step1-05/exercise/src/components/TodoHeader.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-export class TodoHeader extends React.Component {
+export class TodoHeader extends React.Component<any, any> {
   render() {
     return (
       <header>
diff --git a/step1-05/exercise/src/components/TodoListItem.tsx b/step1-05/exercise/src/components/TodoListItem.tsx
index 1bff0f7..5fe57d1 100644
--- a/step1-05/exercise/src/components/TodoListItem.tsx
+++ b/step1-05/exercise/src/components/TodoListItem.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-export class TodoListItem extends React.Component {
+export class TodoListItem extends React.Component<any, any> {
   render() {
     return (
       <li className="todo">
diff --git a/step1-05/final/src/TodoApp.tsx b/step1-05/final/src/TodoApp.tsx
index 0f6e89a..6e797ed 100644
--- a/step1-05/final/src/TodoApp.tsx
+++ b/step1-05/final/src/TodoApp.tsx
@@ -3,7 +3,7 @@ import { TodoFooter } from './components/TodoFooter';
 import { TodoHeader } from './components/TodoHeader';
 import { TodoList } from './components/TodoList';
 
-export class TodoApp extends React.Component {
+export class TodoApp extends React.Component<any, any> {
   render() {
     return (
       <div>
diff --git a/step1-05/final/src/components/TodoHeader.tsx b/step1-05/final/src/components/TodoHeader.tsx
index 16d27f2..a497698 100644
--- a/step1-05/final/src/components/TodoHeader.tsx
+++ b/step1-05/final/src/components/TodoHeader.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-export class TodoHeader extends React.Component {
+export class TodoHeader extends React.Component<any, any> {
   render() {
     return (
       <header>
diff --git a/step1-05/final/src/components/TodoListItem.tsx b/step1-05/final/src/components/TodoListItem.tsx
index 1bff0f7..5fe57d1 100644
--- a/step1-05/final/src/components/TodoListItem.tsx
+++ b/step1-05/final/src/components/TodoListItem.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-export class TodoListItem extends React.Component {
+export class TodoListItem extends React.Component<any, any> {
   render() {
     return (
       <li className="todo">
diff --git a/step1-06/demo/src/TodoApp.tsx b/step1-06/demo/src/TodoApp.tsx
index 0f6e89a..6e797ed 100644
--- a/step1-06/demo/src/TodoApp.tsx
+++ b/step1-06/demo/src/TodoApp.tsx
@@ -3,7 +3,7 @@ import { TodoFooter } from './components/TodoFooter';
 import { TodoHeader } from './components/TodoHeader';
 import { TodoList } from './components/TodoList';
 
-export class TodoApp extends React.Component {
+export class TodoApp extends React.Component<any, any> {
   render() {
     return (
       <div>
diff --git a/step1-06/demo/src/components/TodoListItem.tsx b/step1-06/demo/src/components/TodoListItem.tsx
index 1bff0f7..5fe57d1 100644
--- a/step1-06/demo/src/components/TodoListItem.tsx
+++ b/step1-06/demo/src/components/TodoListItem.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-export class TodoListItem extends React.Component {
+export class TodoListItem extends React.Component<any, any> {
   render() {
     return (
       <li className="todo">