防止材质用户界面弹出框元素自动聚焦

我正在尝试创建一个搜索匹配列表，该列表会随着用户在其查询中键入而更新。但是，我不知道如何保持对输入元素的关注。弹出窗口总是会集中注意力。我曾尝试使用ref以编程方式设置焦点，但无法给无状态功能组件（假设这是我的TextField输入）提供了ref。

这是行为的gif。https://imgur.com/a/JVskedr

请注意，弹出窗口如何夺取焦点并阻止用户进一步输入。

            
              {this.createContactList()}
            

这些是相关的功能：

  handleContactSearch(event) {
    this.handlePopoverClick(event);
    this.setState({ contactSearch: handleText(event) });
    this.props.filterContacts(
      event.target.value,
      this.props.accountInfo.AccountName
    );
  }
  handlePopoverClick = event => {
    this.setState({
      anchorEl: event.currentTarget
    });
  };

  handlePopoverClose = () => {
    this.setState({
      anchorEl: null
    });
  };

如何使TextField元素保持焦点，以便用户可以不间断地键入其查询？

沙箱：https：//codesandbox.io/s/mjqoj9lxkj