React Rendering

В1: Что произойдет через 5 секунд с DOM элементами

import React, { useState, useEffect } from 'react';
import ReactDOM from 'react-dom/client';

function App() {
  const [items, setItems] = useState(
    [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
  );

  useEffect(() => {
    setTimeout(() => {
      setItems(([head, ...tail]) => {
        return tail;
      });
    }, 5_000);
  }, []);

  return (
    <ul>
      {items.map((item, key) => (
        <li key={key}>{item}</li>
      ))}
    </ul>
  );
}

const element = document.getElementById('root');

ReactDOM.createRoot(element).render(<App />);
10 DOM-элементов перерисуются
9 DOM-элементов перерисуются, 1 DOM-элемент удалится
1 DOM-элемент удалится
перерисовок и удалений DOM-элементов не будет