Pass props to react-table ColumnDef

[kalaschnik]

I struggle to pass a prop (specifically a URL searchParam) to my ColumnDef file (i.e., columns.tsx).

Visually that means:

I've set-up a codesandbox here.

[goatfryed]

Depending on your use case, you might want to either

• create the column definition dynamically with a factory/hook. In that case, you should wrap it in useMemo as well.
• use table.meta to pass extra props that can be accessed on lower levels

The following snippet might help you regarding usage of meta

{
    accessorKey: "status",
    header: "Status",
    cell: ({ row, table }) => (
      <Link href={`http://example.com/${table.meta.owner}`}>{row.getValue("status")}</Link>
    ),
  },

[njoshi22]

Wow. Lifesaver --- did not know this existed and it just saved me a few hours of discovery!