React Material-ui Autocomplete：清除搜索字段时获取“TypeError：无法读取null的属性'id'”

我想使用自动完成字段为所选项目打开相应的模式。它工作正常，但如果我单击字段的“X”按钮或只是使用退格键删除条目，我会收到我提到的错误消息。

这是我的自动完成组件：

 <Autocomplete
        {...defaultProps}
        clearOnEscape
        style={{ width: 400, margin: 'auto' }}
        onChange={(e, value) => handleOpen(value)}
        renderInput={params => (
          <TextField {...params} placeholder='Search for beer...' />
        )}
      />

这是处理模态的函数（我使用的是材质 ui 模态）：

const handleOpen = value => {
    if (value.id) {
      setIsClicked(beers.find(x => x.id === value.id));
    } else {
      return;
    }
    setOpen(true);
  };