I want to create following pattern on button click

1
12
123
1234
whenever user click button new row should display with 12345 next click 123456.

This is my code

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>
);
}