How to use datatable with Svelte

[mcmxcdev]

The documentation about using it with the NPM ecosystem is unfortunately not very informative, I want to use frappe-datatable like this:

<script>
  import DataTable from 'frappe-datatable';

  const columns = ['Name', 'Position', 'Salary'];
  const data = [
    ['Faris', 'Software Developer', '$1200'],
    ['Manas', 'Software Engineer', '$1400'],
  ];
</script>

<DataTable id="datatable" columns="{columns}" data="{data}" />

but I receive: frappe-datatable.cjs.js:5552 Uncaught (in promise) Error: Invalid argument given for wrapper

How can I get it to work?