Как я могу создать интерактивную первую опцию в Material UI Labs Autocomplete

Question

Ниже вы можете найти пример из документации MUI по автозаполнению, где я передал ссылку на Google, перед списком параметров. Однако я не могу выбрать эту опцию, целью события является только MuiAutocomplete, а не <a>, который я передаю.

import React from "react";
import TextField from "@material-ui/core/TextField";
import Paper from "@material-ui/core/Paper";

import Autocomplete from "@material-ui/lab/Autocomplete";

const Link = ({ children }) => (
  <Paper>
    <a href="https://www.google.com/" rel="nofollow" target="_blank">
      Go to Google
    </a>
    {children}
  </Paper>
);

export default function ComboBox() {
  return (
    <Autocomplete
      id="combo-box-demo"
      options={top100Films}
      getOptionLabel={option => option.title}
      style={{ width: 300 }}
      renderInput={params => (
        <TextField {...params} label="Combo box" variant="outlined" fullWidth />
      )}
      PaperComponent={Link}
    />
  );
}

https://codesandbox.io/s/material-demo-egi6p

Интересно, что прохождениеopen to autocomplete

    <Autocomplete
      open // add this prop
      id="combo-box-demo"
      options={top100Films}

позволяет работать так, как ожидается.

В настоящее время я использую onMouseDown, чтобы сделать эту работу, но чувствую, что это, возможно, плохое решение.