类型错误：对象不是函数或其返回值不可迭代

如何解决类型错误：对象不是函数或其返回值不可迭代

import '../Search.css';
import React,{setState} from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faSearch } from '@fortawesome/free-solid-svg-icons'
import PrepodsList from './PrepodsList';
import prepods from "../Data";

const element = <FontAwesomeIcon icon={faSearch} />

const Search = () => {

    const [value,setValue] = setState('');
    const filterednames = prepods.filter(prepod => {
        return prepod.name.toLowerCase().includes(value.toLowerCase())
    })
    

    return(
        <div className="search">
            <div className="input-container">
                <input placeholder="Name" type="text" onChange ={(event) => setState(event.target.value)}></input>
                <button onClick={this.addSearch}>{element}</button>
            </div>
            <div className="wrapper">
                {filterednames.map(prepod => (
                <PrepodsList name={prepod.name} key={prepod.id} faculty={prepod.faculty} />
                ))}
            </div>
        </div>
    )
}

export default Search

这是我的组件！

我不知道如何解决这个问题。 我不明白为什么我的列表没有被过滤。 看了很多资料还是没能解决问题。

enter image description here