diff --git a/samples/react-todo-basic/src/webparts/todo/components/TodoContainer/TodoContainer.module.scss.ts b/samples/react-todo-basic/src/webparts/todo/components/TodoContainer/TodoContainer.module.scss.ts
new file mode 100644
index 000000000..a6fc39552
--- /dev/null
+++ b/samples/react-todo-basic/src/webparts/todo/components/TodoContainer/TodoContainer.module.scss.ts
@@ -0,0 +1,10 @@
+/* tslint:disable */
+require('./TodoContainer.module.css');
+const styles = {
+  todo: 'todo_52d2595f',
+  topRow: 'topRow_52d2595f',
+  todoHeading: 'todoHeading_52d2595f',
+};
+
+export default styles;
+/* tslint:enable */
\ No newline at end of file
diff --git a/samples/react-todo-basic/src/webparts/todo/components/TodoForm/TodoForm.module.scss.ts b/samples/react-todo-basic/src/webparts/todo/components/TodoForm/TodoForm.module.scss.ts
new file mode 100644
index 000000000..6a044bad5
--- /dev/null
+++ b/samples/react-todo-basic/src/webparts/todo/components/TodoForm/TodoForm.module.scss.ts
@@ -0,0 +1,11 @@
+/* tslint:disable */
+require('./TodoForm.module.css');
+const styles = {
+  todoForm: 'todoForm_aa318025',
+  textField: 'textField_aa318025',
+  addButtonCell: 'addButtonCell_aa318025',
+  addButton: 'addButton_aa318025',
+};
+
+export default styles;
+/* tslint:enable */
\ No newline at end of file
diff --git a/samples/react-todo-basic/src/webparts/todo/components/TodoList/TodoList.module.scss.ts b/samples/react-todo-basic/src/webparts/todo/components/TodoList/TodoList.module.scss.ts
new file mode 100644
index 000000000..a4d637118
--- /dev/null
+++ b/samples/react-todo-basic/src/webparts/todo/components/TodoList/TodoList.module.scss.ts
@@ -0,0 +1,8 @@
+/* tslint:disable */
+require('./TodoList.module.css');
+const styles = {
+  todoList: 'todoList_41f4ba92',
+};
+
+export default styles;
+/* tslint:enable */
\ No newline at end of file
diff --git a/samples/react-todo-basic/src/webparts/todo/components/TodoListItem/TodoListItem.module.scss.ts b/samples/react-todo-basic/src/webparts/todo/components/TodoListItem/TodoListItem.module.scss.ts
new file mode 100644
index 000000000..f0d673811
--- /dev/null
+++ b/samples/react-todo-basic/src/webparts/todo/components/TodoListItem/TodoListItem.module.scss.ts
@@ -0,0 +1,12 @@
+/* tslint:disable */
+require('./TodoListItem.module.css');
+const styles = {
+  todoListItem: 'todoListItem_fee4d636',
+  itemTaskRow: 'itemTaskRow_fee4d636',
+  deleteButton: 'deleteButton_fee4d636',
+  checkbox: 'checkbox_fee4d636',
+  isCompleted: 'isCompleted_fee4d636',
+};
+
+export default styles;
+/* tslint:enable */
\ No newline at end of file