Does react-table support readonly data?

[Pavinati]

Seems like the table data prop is forced to be mutable. is it required to be mutable or is there a way around this?

type SomeRecord = Readonly<....>;

const columns: Column<SomeRecord>[] = [...];

type Props {
  className?: string;
  data: readonly SomeRecord[];
}

const MyTable = ({ className, data }: Props) => {
  return <Table className={className} columns={columns} data={data} />;
};

results in

The type 'readonly Readonly<SomeRecord>[]' is 'readonly' and cannot be assigned to the mutable type 'Readonly<SomeRecord>[]'.  TS4104

[davidebriani]

Up. Supporting readonly TypeScript objects would be nice. My use-case is that I get GraphQL data from Relay, which provides auto-generated TypeScript types with readonly signatures.

[pcorpet]

I've sent a PR #4909

[deammer]

This would be particularly helpful when using gql-tada, which returns readonly types:

import { useReactTable } from '@tanstack/react-table';
import { FragmentOf, graphql, readFragment } from '@/graphql';

const myFragment = graphql(`
  fragment MyFragment on Order {
    id
  }
`);

const MyReactComponent = (props: { orders: FragmentOf<typeof myFragment>[]) => {
  const items = readFragment(myFragment, props.orders);
  const table = useReactTable({
    data: items,
//  ^ the type (...) is 'readonly' and cannot be assigned to the mutable type (...)
  });
}

[rsslldnphy]

Just adding to the chorus - my ORM also returns read only types, which works everywhere except when using react-table, when I am forced to either typecast or copy the data. Making the argument a readonly type would mean that both mutable and readonly data can be used; in its current state it supports mutable only.