andrey_chirkin

const handleButtonClick = (elBut1) => (
        (event) => {
            elBut1.removeEventListener("mousemove", handleButtonMove())
        }
    )

const handleElBut1Click = handleButtonClick(elBut1);

elBut2.addEventListener("click", handleElBut1Click)
elBut2.removeEventListener("click", handleElBut1Click)

fetch('https://jsonplaceholder.typicode.com/todos/4')
      .then((response) => {
        response.json().then(console.log);
        return fetch('https://jsonplaceholder.typicode.com/todos/5')
      })
      .then((response) => {
        response.json().then(console.log);
        return fetch('https://jsonplaceholder.typicode.com/todos/6')
      })
      .then(response => response.json().then(console.log))

const copyArray = (array = []) => JSON.parse(JSON.stringify(array));

const [contacts, setContacts] = useState(copyArray(data));
const [contactsInput, setContactsInput] = useState(copyArray(data));

[...data] - это разворачивание массива. В данном случае оно бесполезно, потому что это массив не примитивов. Объекты копируются по ссылке, а не по значению.

Если бы в массиве были значения в виде примитивов, это бы сработало.

Я предложил самый простой способ, но вообще это не оптимально по производительности. Лучше делать это с помощью метода cloneDeep из библиотеки lodash.