Quiero crear el siguiente patrón al hacer clic en el botón

1
12
123
1234
cada vez que el usuario haga clic en el botón, la nueva fila debe mostrarse con 12345 y luego haga clic en 123456.

este es mi codigo

 import { useState } from "react"; import "./styles.css"; export default function App() { const [data, setData] = useState([]); const [newD, setNew] = useState(1); const handleAdd = () => { let upArray = data; upArray.push(newD); setNew(newD + 1); setData(upArray); }; return ( <div> {data.map((data, id) => ( <p key={id}>{data}</p> ))} <button onClick={handleAdd}>Add</button> </div> ); }