Handontable not working with ember

Getting help Issues
4

Here https://wetransfer.com/downloads/5076f749b75afe51b8c95dc742f1add220190528100510/c89907 is the project (full). When it comes to building the project I:

  1. Went to https://emberjs.com/

  2. Executed npm install -g ember-cli

  3. Run ember new ember-quickstart

  4. Added the following resources

    https://cdn.jsdelivr.net/npm/handsontable@7.0.3/dist/handsontable.full.min.css
    https://cdn.jsdelivr.net/npm/handsontable@7.0.3/dist/handsontable.full.min.js

    in the {{content-for "head"}} of app/index.html file

  5. Added the DIV element in the same file <div class="box"></div>

  6. Added the logic on creating the table

  <script type="text/javascript">
    var example = document.querySelector('.box');
    var hot = new Handsontable(example, {
    data: Handsontable.helper.createSpreadsheetData(1000, 1000),
    colWidths: 100,
    width: '100%',
    height: 320,
    rowHeights: 23,
    rowHeaders: true,
    colHeaders: true
    });
    </script>
  1. Run the ember serve