Material React Table Custom edit

[RolandExSauce]

Hello guys, I'm pretty new on using the material react table. I was wondering if you could help me out with a small issue I have:
First I have a renderRowActions prop wich opens a modal

 <MaterialReactTable
         renderRowActions={({ row, table }) => (
          <Box sx={{ display: "flex", gap: "1rem" }}>
            {isAuthorizedBoth && (
              <Tooltip arrow placement="left-start" title="bearbeiten">
                <IconButton
                  sx={{ color: "#5D8AA8" }}
                  onClick={() => table.setEditingRow(row)}
                >
                  <Edit />
                </IconButton>
              </Tooltip>
            )}
onEditingRowSave={handleSaveRowEdits}

.... more code

/>

my handleSaveRowEdits function looks like:

const handleSaveRowEdits: MaterialReactTableProps["onEditingRowSave"] =
async ({ exitEditingMode, row, values }) => {

  console.log(values)
  //if using flat data and simple accessorKeys/ids, you can just do a simple assignment here.
  tableData[row.index] = values;
  //send/receive api updates here
  setTableData([...tableData]);
  exitEditingMode(); //required to exit editing mode
};

Then on each colum, I used a custom Textfield component to render inside modal window,

{
accessorKey: "routerSSID",
header: "Router SSID",

    Edit: ({ cell, row, table }) => (
      <TextField
        autoComplete="off"
        variant="outlined"
        name="newSSID"
        placeholder={`Alter SSID: ${cell.getValue<string>()}`}
        sx={{ width: "100%" }}
        label="Router SSID ändern"
        defaultValue={cell.getValue<string>()}

         onChange={(e) => {

/* help here*
}}
/>
),
},

onChange captures the new value being typed in,

when I console.log(values) in handleSaveRowEdits function, it still shows the old values, and not the one I typed
how do I get this value inside handleSaveRowEdits or how do I update this properly?

Thanks in advance for your help guys