the following code returns an undefined value for [e.target.name] for a MUI button, whereas no issue for the TextField. Am I missing soemthing here ?

Thks and rgds

**apps.js**

```
            <TextField
                id="password"
                name="password"
                label="Mot de passe"
                type="password"
                placeholder="votre MDP"
                defaultValue=''
                margin="normal"
                onChange={handleOnChange}

            />
            <Button
                id="test"
                name="test"
                variant="outlined"
                color="primary"
                className={classes.button}
                style={{ margin: '2rem' }}
                onClick={handleOnClick}
            >
                Connect
            </Button>

```

**helpers.js**

```
export const handleOnChange = e => {

    console.log([e.target.name], e.target.value);
}

export const handleOnClick = e => {
    e.preventDefault();
    console.log([e.target.name], 'submit');
}

```

**in console**

```
["password"] "xx"
[undefined] "submit"

```