Modifying record data from a column

[serhanekicii]

I am trying to implement an inline-editing solution using this component. I am trying to edit the record data directly using an input component as a column, and it's onChange event to manipulate the record data as follows.

                columns={[
                    {
                        accessor: 'name',
                        title: 'Name',
                        sortable: true,
                        render: ({ name }) => (
                            <TextInput
                                defaultValue={name}
                                onChange={(event) => {
                                    name = event.currentTarget.value;
                                    console.log(name);
                                }}
                            />
                        ),
                    },

However, record data doesn't get updated.

                    {
                          key: 'save',
                          color: 'green',
                          title: 'Speichern',
                          icon: <IconDeviceFloppy size={18} />,
                          onClick: () => {
                              console.log(record.name);
                          },
                      },

Any suggestions?