Having issue with passing state to table and manage it with in table.

[sanjeethboddi]

I want to have a cell in table to have a "Checkbox". This checkbox has props like onCheckedChange which accepts method. I want to edit the state of the cell from here.

I am not sure how to do that.

I am using Column Defs to create the checkboxes. but how to make them interactive?

{
        accessorKey: "completed",
        header: "completed",
        cell: ({ row }) => (
            <Checkbox
                className="bg-gray-800"
                checked={row.getValue('completed')}
                onCheckedChange={value => /////// }
                aria-label="Select row"
            />
        ),
    },

I am using zustand for state management. passing the state data to table using data props.