fixed bug in react 18 with children prop

code/16-finished/.gitignore

@@ -0,0 +1,25 @@
+.DS_Store
+.vscode
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

code/16-finished/src/store/todos-context.tsx

@@ -14,7 +14,9 @@ export const TodosContext = React.createContext<TodosContextObj>({
   removeTodo: (id: string) => {},
 });
 
-const TodosContextProvider: React.FC = (props) => {
+// In React 18.x you have to include the children prop yourself, I wrote solution below
+
+const TodosContextProvider: React.FC<{ children: JSX.Element | JSX.Element[] }> = (props) => {
   const [todos, setTodos] = useState<Todo[]>([]);
 
   const addTodoHandler = (todoText: string) => {