这是我的代码。
我的问题：无法更改下拉列表值。出现类似Uncatched TypeError的错误：无法读取未定义的属性（读取"id"）

{formValues.map((element, index) => (
                <div className="row mt-2"  key={index}>                        
                    <div className='col-lg-4 mt-2'  key={index}>
                        <Autocomplete
                            multiple
                            name="assignee"
                            limitTags={2}
                            id="assignee"
                            options={ownerList}
                            defaultValue={[{'text': formValues[index].AssigneeName, 'id': formValues[index].AssigneeId }]}
                            getOptionLabel={(option) => option.text}
                             onChange={(event, newValue) => {
                                console.log(newValue[0].id); // this line am getting error like Uncaught TypeError: Cannot read properties of undefined (reading 'id')
                              
                              }}
      
                            disableClearable={true}
                            filterSelectedOptions
                            renderInput={(params) => (
                            <TextField
                            classes={{ root: classes.customTextField }}
                                {...params}
                                label="Select Assignee"
                                placeholder="Select Assignee"
                                className="auto-label"
                                
                            />
                            )}
                        />
                    </div>
                </div>
                 ))}