Alexandroppolus

setData={(prevValue, value) => setData(filter.type, prevValue, value)}

return isEmpty ? <Empty /> : isLoading ? <Loading /> : errorText ? <Error text={errorText} /> : <ShowSuccessData ... />

import { useRef, useEffect, useState } from 'react';

export default function App() {
  const [count, setCount] = useState(0);
  const countRef = useRef();

  countRef.current = count;

  useEffect(() => {
    const clickEvent = () => {
      console.log(`CountRef: ${countRef.current}`);
    };

    document.addEventListener('click', clickEvent);

    return () => {
      document.removeEventListener('click', clickEvent);
    };
  }, [countRef]);

  return (
    <div>
      <button onClick={() => setCount((n) => n + 1)}>Count: {count}</button>
    </div>
  );
}

useEffect(() => {
  countRef.current = count;
}, [countRef, count]);

contactsInputCopy[index] = { ...contactsInputCopy[index], [name]: value }

// пропсы
type MyCompProps = {
  value: string;
  ...
};

// для компонента указывается тип - "функциональный компонент с пропсами MyCompProps"
// далее не нужно указывать тип для props и тип возвращаемого значения - TS выводит сам.
export const MyComp: React.FC<MyCompProps> = (props) => {
  ...
  return (<div>{props.value}</div>);
};

в данный момент я не знаю redux или mobx.

changeColor = (e) => {
    this.setState( { color: e.target.value });
};

useEffect(() => {
    if (component === 'aboutCompany') {
            clickToAboutCompanyBlock()
    }
}, [component])