Reactive data change

[megane999]

I am very new at svelte. How can I change table data reactivly. When I try to assign variable to data I get error "State referenced in its own scope will never update. Did you mean to reference it inside a closure?"

[cdcarson]

Thats a svelte compiler error, probably because you are doing something like:

let { data } = $props();
let rows = $derived(data.rows)
const table = new DataTable({/* settings */})
table.baseRows = rows;

Instead, you can do something like this:

let {data} = $props();
const table = new DataTable({/* settings */})
$effect(() => {
    table.baseRows = data.rows; // or whatever you're returning the rows from the server as
});