How to satisfy the constraint 'Row' when using data already pulled from a load function?

[ddxv]

First time trying datatables, but got a bit lost for how to implement from my existing setup.

lib
--- AppHistoryTable.svelte
routes
--apphistory
----- +page.svelte
----- +page.server.ts

In +page.server.ts I have my query to a database which pulls out 100 rows, which I want to serve 20 rows at a time, so 5 paginated tables.

Then in my apphistory +page.svelte I import the AppHistoryTable.svelte and pass it the data once it comes from the svelte load functions.

AppHistoryTable.svelte component looks like this:

<script lang="ts">
    // import { reload } from '$lib/data/api';

    import { DataHandler } from '@vincjo/datatables/remote';
    import type { State, Row } from '@vincjo/datatables/remote';

    const handler = new DataHandler<AppHistoryInfo>([], { rowsPerPage: 20, totalRows: 100 });
    const rows = handler.getRows();

    import type { AppHistoryInfo } from '../types';


    export let history_table: AppHistoryInfo[];

    handler.onChange((state: State) =>
        Promise.resolve(history_table.slice(0 + state.offset, 20 + state.offset))
    );


    handler.invalidate();

But this, and other variations, complain that;

Type 'AppHistoryInfo' does not satisfy the constraint 'Row'.
  Index signature for type 'string' is missing in type 'AppHistoryInfo'.

My AppHistoryInfo is defined as this:

export interface AppHistoryInfo {
	crawled_date: string;
	review_count: number;
	rating: number;
	installs: number;
	country: string;
	rating_count: number;
}

How am I supposed to correctly change my data into Row? What am I missing?

[ddxv]

This is no longer an issue with v2.0