Material react table - Edition de ligne

En fait, quand je laisse le formulaire de modification par défaut comme dans l'exemple, ça fonctionne :

<DialogContent>
{internalEditComponents}
</DialogContent>

Ce que je veux, c'est customiser les champs du formulaire.

Sur chaque ligne de ma table, dans RowActions, j'ai un bouton qui affiche le formulaire :

Code:

1
2
3
4
5
6
7
8
9
10
11
renderRowActions: ({ row, table }) => (
      <Box sx={{ display: 'flex', gap: '1rem' }}>
        <Tooltip title="Editer">
          <IconButton onClick={() => {
              table.setEditingRow(row)
            }}
          >
            <EditIcon />
          </IconButton>
        </Tooltip>
      ..........

Dans mon formulaire

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
renderEditRowDialogContent: ({ table, row, internalEditComponents }) => (
      <>
        <DialogTitle className={styles.form_title}>Titre</DialogTitle>
        <DialogContent>
          {/*internalEditComponents*/} {/* or render custom edit components here */}
          {<form onSubmit={(e) => e.preventDefault()}>
            <Grid container direction="row" justify="flex-start" alignItems="flex-start" spacing={2} className={styles.form_grid}>
              ..........
              <FormControl>
                <InputLabel>Priorité</InputLabel>
                <Select value={row.original.priorite} label="Priorité" name="priorite"
                        onChange={(e) => {
                          row.original.priorite = e.target.value
                        }}
                        className={styles.select}
                >
                  {
                    priorite.map(function(item, i){
                      return <MenuItem value={item.id}>{item.nom}</MenuItem>;
                    })
                  }
                </Select>
              </FormControl>
              ..........
         </Grid>
      </form>}
        </DialogContent>
        <DialogActions>
          <MRT_EditActionButtons variant="text" table={table} row={row} />          
        </DialogActions>
      </>

Et là, ça modifie la table quand je clique sur Cancel, et ça ne fait rien quand je clique sur Save.
Mais si je rouvre le formulaire une deuxième fois, il est initialisé avec les valeurs que j'ai modifié la première fois

Une idée de ce qui cloche?

Nico