Typescript: Type 'X' provides no match for the signature '(prevState: undefined): undefined'

So I have a React Native application using TypeScript, with an error that's driving me crazy.

Basically, there is a Searchable List. It is initiated with an Array of values. Once the user types in a SearchBar, the initiated Array is filtered, returning an updated Array.

However, TypeScript gives me the error: Type '{ id: string; name: string; selected: boolean; }[]' provides no match for the signature '(prevState: undefined): undefined'.

I am confused because I don't know where this '(prevState: undefined): undefined'actually comes from and why. Do you know what I am doing wrong here? Help will be much appreciated.

Here is the code:

const defaultChoices = [  {    id: '1',    name: 'default',    selected: false,  },];let choicesList;const getChoicesList = () => {  if (listName === 'include') {    choicesList = Object.values(includeChoices).map(choice => ({      ...choice,    }));  } else if (listName === 'exclude') {    choicesList = Object.values(excludeChoices).map(choice => ({      ...choice,    }));  }};const [filteredChoicesList, setFilteredChoicesList] = useState(choicesList);useEffect(() => {  getChoicesList();}, []);useEffect(() => {    let choices = defaultChoices;    if (listName === 'include') {      choices = includeChoices;    } else if (listName === 'exclude') {      choices = excludeChoices;    } else {      choices = defaultChoices;    }    const newChoices = choices.filter(item => {      const itemData = `${item.name.toUpperCase()}`; // ignore Uppercase/Lowercase and make equal      const textData = query.toUpperCase();      return itemData.indexOf(textData) > -1;    });    setFilteredChoicesList(newChoices); // error occurs for "newChoices"  }, [effect]);