From 55cd360f3f919c47ecafbbbb6ae359974a579268 Mon Sep 17 00:00:00 2001
From: Anthony Yiu <59154982+anthonyiu@users.noreply.github.com>
Date: Mon, 6 Mar 2023 22:43:02 +0000
Subject: [PATCH] React 18 requires setting up children prop

Just my two cents, since React 18 requires setting up children prop, I have created a workaround to getting the children prop back without the React,FC.
---
 code/16-finished/src/store/todos-context.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/code/16-finished/src/store/todos-context.tsx b/code/16-finished/src/store/todos-context.tsx
index 334a2a0aa7..be935a6479 100644
--- a/code/16-finished/src/store/todos-context.tsx
+++ b/code/16-finished/src/store/todos-context.tsx
@@ -14,7 +14,7 @@ export const TodosContext = React.createContext<TodosContextObj>({
   removeTodo: (id: string) => {},
 });
 
-const TodosContextProvider: React.FC = (props) => {
+const TodosContextProvider = ({ children }: { children: React.ReactNode }) => {
   const [todos, setTodos] = useState<Todo[]>([]);
 
   const addTodoHandler = (todoText: string) => {
@@ -39,9 +39,9 @@ const TodosContextProvider: React.FC = (props) => {
 
   return (
     <TodosContext.Provider value={contextValue}>
-      {props.children}
+      {children}
     </TodosContext.Provider>
   );
 };
 
-export default TodosContextProvider;
\ No newline at end of file
+export default TodosContextProvider;