Реагировать: перезаписать массив другим массивом. Ошибка: Uncaught TypeError: ... не является функцией

В настоящее время я работаю над приложением todo в React. В функции handleClearTodos я хотел бы удалить все задачи со статусом: Готово. Для этого я прогоняю массив todos в этой функции и записываю все todos со статусом: Открыть в новый массив с именемcleanedTodos. В конце концов, когда я хочу перезаписать содержимое todos содержимым cleanTodos, я получаю следующее сообщение об ошибке:

Uncaught TypeError: currentTodos.forEach не является функцией

Это функция в компоненте Todo, которая отделяет задачи со статусом: Открыто от задач со статусом: Готово, сохраняет их в двух разных массивах и рендерит отдельно в функции рендеринга.

TodoTable.js (родительский компонент)

import React, {useState} from "react";
import { InputBar } from "./InputBar";
import { Todo } from "./Todo";


let currentTodos = [];

export const TodoTable = ({ mockTodos }) => {

    //Konstruktor
    if (mockTodos){
        currentTodos = mockTodos;
    }
   
    
    const [todos, setTodos] = useState(currentTodos);
    const [enterTodo, setEnterTodo] = useState('');


    //Enter Todo handler
    const handleEnterTodo = (event) => {
      setEnterTodo(event.target.value);
    };
  

    //Clear Todo handler
    const handleClearTodos = (event) => {
        let cleanedTodos = []

        todos.forEach((element, index) => {
            if (todos[index].status != 'open'){
                //console.info(todos[index])
                cleanedTodos.push(todos[index]);

 
            }
        });

        setTodos({ todos: cleanedTodos });
        
        console.info(typeof cleanedTodos);
        console.info(todos);
    }
    

    //Create Todo handler
    const handleCreateTodo = (event) => {

        //create new Todo
        const newTodo = {
            id: todos.length,
            describtion: enterTodo,
            status: 'open'
        };

        
        setTodos(todos => 
            [
                newTodo,
                ...todos
        
            ]
        );
    };
  
  

    return(
            <>
                <InputBar 
                    enterTodo = { enterTodo } 
                    handleEnterTodo = { handleEnterTodo } 
                    handleCreateTodo = { handleCreateTodo }
                    handleClearTodos= { handleClearTodos }
                />
                <Todo currentTodos = { todos } />
            </>      
    );
}

Todo.js (дочерний компонент)

import React from "react";

export const Todo = ({ currentTodos }) => {
    
    
    let openTodo = [];
    let doneTodo = [];
    // just for develope
    const lineBreak = <hr></hr>
    
    currentTodos.forEach((element, index) => {
        if (currentTodos[index].status == 'open'){
            
            let todoOpen = (
                
                <div className = "openTodos" key = { currentTodos[index].id.toString() }>
                    {currentTodos[index].describtion}
                    {/*Buttons*/}
                    {/*Buttons*/}
                </div>
            );
            openTodo = 
            [
                ...openTodo,
                todoOpen
            ]
        }
        else{
            
            let todoDone = (
                
                <div className = "doneTodos" key = { currentTodos[index].id.toString() }>
                    {currentTodos[index].describtion}
                    {/*Buttons*/}
                    {/*Buttons*/}
                </div>
            );
            doneTodo = 
            [
                ...doneTodo,
                todoDone
            ]
        }
        
      })
    
    return(
        <>
            {openTodo}
            {lineBreak}
            {doneTodo}
        </>
    );
}

InputBar (дочерний компонент)

import React from "react";
import { Button } from "./components/Button";

export const InputBar = ({ enterTodo, handleEnterTodo, handleCreateTodo, handleClearTodos}) => {
  console.info(enterTodo);
    return(
        <>
      <form>
        <input
          type='text'
          value = {enterTodo}
          onChange = {handleEnterTodo}
        />
        <Button lable= 'ADD'  disabled= { enterTodo == '' } onClick= { handleCreateTodo } />
        <Button lable= 'CLEAR' onClick= { handleClearTodos } />

      </form>
    </>
    );
}