bug scenario

src/components/TodoList.js

@@ -2,12 +2,14 @@ import React, { useEffect, useState } from "react";
 import TodoListItem from "./TodoListItem";
 import TodoMenu from "./TodoMenu";
 import store from "../todoStore";
+import data from "../data/initialTodos"
 
-const TodoList = ({ todos, /*isDarkMode*/ }) => {
+const TodoList = ({ /*isDarkMode*/ }) => {
   const [filteredTodos, setFilteredTodos] = useState([]);
 
   const isDarkMode = store.getState().isDarkMode;
-  console.log('Getting mode in TodoList', isDarkMode);
+
+  const [todos, setTodos] = useState(data);
 
   useEffect(() => {
     const handleFilterTodos = (todos, filterStatus) => {

src/components/TodoWrapper.js

@@ -2,18 +2,13 @@ import React, { useState } from "react";
 import TodoInput from "./TodoInput";
 import TodoList from "./TodoList";
 
-import data from "../data/initialTodos"
-
 const TodoWrapper = (/*{ isDarkMode }*/) => {
-  const [todos, setTodos] = useState(data);
-
   return (
     <>
       <TodoInput
         // isDarkMode={isDarkMode} 
         />
       <TodoList
-        todos={todos}
         // isDarkMode={isDarkMode} 
         />
     </>