Parent.js

export default function Parent() {
  const [items, setItems] = useState([]);

  const handleSetItems = () => {
    setItems((prevItems) => {
      return [
        ...prevItems,
        ...new Array(10).fill("").map((_, index) => ({
          name: `Some item ${index + prevItems.length}`,
        }))
      ];
    });
  };

  return (
    <div className="App">
      <button onClick={handleSetItems}>Add items</button>
      {items.map((item, index) => (<div key={item.name}>{item.name}</div>))}
    </div>
  );
}