Add another row when click to add new question button

ReactJS >

I want to show by default 10 rows And a button with "Add a new question" so that would be the 11th row.

current row image here

Currently it’s only one row [refer to the image below]. And I want 10 initial rows and then add as required. And as many rows can add it could be able to scroll. And on submit I would have all the filled data from that input component. Maybe just console.log when to submit or to alert for now.
NOTE- using formik

Not adding code, because it’s a large component. perhaps here’s a codesandbox, When I am looking for a solution. If anyone can help me would be great. Please got stuck with this.