brilliant-lime

Why does `useReactTable` need `columns` and `data` to be mutable?

I was trying to use tanstack table for the first time, and my API is typed as deeply

readonly

readonly

, and I'm surprised tanstack table seems to require "write permissions" on the

data

data

and

columns

columns

arrays

const { data } = useQuery(...)
//      ^? readonly Foo[]
useReactTable({
  data,
//^^^^ The type readonly Foo[] is not assignable to the mutable type Foo[]
})

const { data } = useQuery(...)
//      ^? readonly Foo[]
useReactTable({
  data,
//^^^^ The type readonly Foo[] is not assignable to the mutable type Foo[]
})

I know I often get annoyed myself when I have to write

readonly

readonly

ReadonlyArray<>

ReadonlyArray<>

everywhere in my types, so I'm hoping this is just the reason why it's "requesting write permissions", but maybe it's actually mutating the arrays?

TanStack•8mo ago

brilliant-lime

Why does `useReactTable` need `columns` and `data` to be mutable?

I was trying to use tanstack table for the first time, and my API is typed as deeply

readonly

readonly

, and I'm surprised tanstack table seems to require "write permissions" on the

data

data

and

columns

columns

arrays

const { data } = useQuery(...)
//      ^? readonly Foo[]
useReactTable({
  data,
//^^^^ The type readonly Foo[] is not assignable to the mutable type Foo[]
})

const { data } = useQuery(...)
//      ^? readonly Foo[]
useReactTable({
  data,
//^^^^ The type readonly Foo[] is not assignable to the mutable type Foo[]
})

I know I often get annoyed myself when I have to write

readonly

readonly

ReadonlyArray<>

ReadonlyArray<>

everywhere in my types, so I'm hoping this is just the reason why it's "requesting write permissions", but maybe it's actually mutating the arrays?

Why does `useReactTable` need `columns` and `data` to be mutable?

Similar Threads

Why does `useReactTable` need `columns` and `data` to be mutable?

Similar Threads

Similar Threads

Similar Threads