Получение значений из нескольких input

Пытаюсь получить значения из input-ов которые выводятся в цикле. Для этого я создал массив в который помещается поле для в вода, присвоил ему inputRef . При изменении значения вызываю функцию handleText в которую передаю basic

     let basic = useRef();
        const itemBasket = [];
//кладу в массив поля для ввода
            itemBasket.push(
        <TextField  InputProps={{ inputProps: { min: 1 } }} 
                                    inputRef={basic}
                                    type="number" 
                                    defaultValue={0} 
                                    onChange={() =>handleText( basic)}
            )

Вывожу список так {itemBasket}

Моя функция вывода в лог значений инпута

function handleText(basic){

    console.log(basic.current.value);

}

Значения приходят но содержат только значения первого выведенного input, при нажатии на 2й, 3й.. всегда выводится значение только первого. Пришел в тупик т.к. не понимаю как можно получать значения того элемента у которого происходит изменение. Я попробовал присвоить каждому инпуту уникальный id и обращаться к ним при помощи getElementById, это сработало но мне кажется, что данное решение не есть правильным, как еще можно решить данную задачу?