How to insert App() again on the page?

Question

React

Good afternoon. There is a block that needs to be inserted into the page 5 times. I made it, but I don't know how to insert it. There is an option in the index.js file to write 5 times. But this is probably not the right choice. Can you suggest how this can be done?

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

import './App.scss';
import {Button} from "./Button";

function App() {
  return (
    <div className="App">
      <div className="containerComponent">
        <div className="number">11</div>
        <Button/>
      </div>
    </div>
  );
}

export default App;

Answer 1

ReactDOM.render(
  <React.StrictMode>
    {Array.from({length: 5}, () => <App />)}
  </React.StrictMode>,
  document.getElementById('root')
);

^_^