I keep getting error

(0 , _propName2.default) is not a function Occurred while linting C:\Users\Thoma\OneDrive\Documents\part2\phonebook\src\index.js:15 Rule: "jsx-a11y/aria-activedescendant-has-tabindex"

I dont know how to fix this error, but it disappears after i rerun my json server, and i can just close the error page. so it doesnt affect me too much but it is still very annoying

my main code

import { useState, useEffect } from 'react'
import Persons from './components/persons'
import PersonForm from './components/personForm'
import Filter from './components/searchFilter'
import axios from 'axios'
import addName from './components/addName'



const App = () => {

  const [persons, setPersons] = useState([])
  const [newName, setNewName] = useState('')
  const [newNumber, setNewNumber] = useState('')
  const [setFilter, setNewFilter] = useState('')
 
  useEffect ( () => {
  
    console.log("effect")
    axios 
      .get('http://localhost:3001/persons')
      .then(response =>{
        console.log('promise fulfilled')
        setPersons(response.data)
      })

  }, [])





  const handleOnSubmit = (event) => {
    console.log(event)

    event.preventDefault();
    const find = persons.find(persons => persons.name === newName)
    if (find === undefined) 
    addName(newName, newNumber, persons.length + 1, (responsedata) => {  setPersons(persons.concat(responsedata))})
    else {
      window.alert(newName + " has been added ")
      setNewName('')
      setNewNumber('')
    }
  }


 
  const hanndleOnDelete = (event) => {

  }

  const handleOnChangeName = (event) => {
    setNewName(event.target.value)
  }
  const handleOnChangeNumber = (event) => {
    setNewNumber(event.target.value)
  }
  const handleOnChangeFilter = (event) => {
    setNewFilter(event.target.value)
  }



  return (

    <div>
      <div>
        <h2>Phonebook</h2>

        <Filter setFilter={setFilter} handleOnChangeFilter={handleOnChangeFilter} />

      </div>
      <h2>add a new</h2>
      <PersonForm
        newName={newName}
        newNumber={newNumber}
        handleOnSubmit={handleOnSubmit}
        handleOnChangeName={handleOnChangeName}
        handleOnChangeNumber={handleOnChangeNumber}
        handleOnDelete={handleOnDelete}
      />


      <h2>Numbers</h2>
      {
        <Persons person={persons} setFilter={setFilter} />
      }
    </div>

  )
}

 export default App

please let me know if i need to show more code.