Почему существуют useRef и useState если везде могут храниться любые данные

useRef и useState решают разные задачи:

1. useState:
   • Управляет состоянием компонента.
   • При изменении вызывает ререндер.
   • Гарантирует актуальность данных между рендерами.

const [count, setCount] = useState(0); // Изменение вызовет ререндер

2. useRef:
   • Хранит мутабельное значение между рендерами.
   • Изменение ref НЕ вызывает ререндер.
   • Часто используется для DOM-элементов или значений, которые не должны триггерить обновление.

const inputRef = useRef(null); // Можно получить доступ к DOM без ререндера

Ключевое отличие: useState для данных, влияющих на UI (вызывает обновление), useRef для "фоновых" значений или DOM-рефов (без ререндера).