Material-UI Dialog(/Modal) by clicking TextField loses focus on every onChange

<List key={"test1"} style={{ marginBottom: '10px' }}>
                  <TextField
                    required
                    id="filled-basic"
                    key={categoryData.title}
                    label="Title"
                    name="title"
                    value={categoryData.title}
                    type="name"
                    variant="filled"
                    style={{ width: "130ch" }}
                    onChange={(e)=>{
                      setCategoryData({...categoryData,
                        title:e.target.value})
                        console.log(e.target.value);
                    }}
                  />
                </List>