Как исправить ошибку «Property 'id' does not exist on type 'never'»?

Question

[DevilPrado]

У меня есть вот такой стейт:

const [formSearch, setFormSearch] = useState({
        page: 0,
        name: '',
        sort: 'customName,asc',
        list: []
    })

Когда я пытаюсь обработать свойство list в методе map, он выдает мне ошибку: Property 'id' does not exist on type 'never'

formSearch
                    &&
                    formSearch.list.length > 0
                    &&
                    formSearch.list.map( (elem, index) => {
                       
                        
                        return(
                        <div key={'person-list-'+index}>
                            
                            <PersonChoosePanel data={elem} isChoosen={ choosenIds.indexOf(elem.id!)!==(-1)}/>
                        </div>
                        )
                        })

Comments

[DevilPrado]

Как я понимаю, нужно задать свойству list тип any, но не знаю правильного синтаксиса

Answer 1

[Alexandroppolus]

задай тип стейта

const [formSearch, setFormSearch] = useState<StateType>({
        page: 0,
        name: '',
        sort: 'customName,asc',
        list: []
    })

в StateType будет быть явно указано, какого типа элементы в массиве list. А то сейчас они never, чтобы пресечь анархию (мать порядка)

Answer 2

[webjun]

К примеру напиши интерфейс:

interface Idata {
  page: number;
  name: string;
  sort: string;
  list:  any;
}

и типизируй стейт:

const [formSearch, setFormSearch] = useState<Idata>[]