Autocomplete PaperComponent buttons click handler not called

[EmmanuelQ]

Hi guys!

I have this Autocomplete component which works perfectly in the browser, however when using react-testing-library the click handlers in the <AnchorButton> component are not being triggered (the component itself is just a with some css over the top).

<Autocomplete
          id="companyNameSearch"
          disableClearable
          defaultValue={company}
          getOptionLabel={(option: CompanySearchCompany) =>
            option.name && option.number
              ? `${option.name} (${option.number})`
              : ''
          }
          options={companyOptions}
          onChange={(event, newInputValue) => {
            setCompanyNameValue(newInputValue.name);
            setCompanyNumberValue(newInputValue.number);
          }}
          onInputChange={(event, newInputValue) => {
            setInputValue(newInputValue);
          }}
          renderInput={(params) => (
            <TextField
              {...params}
              label="Company name"
              InputProps={{
                ...params.InputProps,
                type: 'search',
              }}
            />
          )}
          PaperComponent={({ children, ...other }) => (
            <Paper {...other}>
              {children}
              <div className={styles.notFoundContainer}>
                <div className={styles.notFound}>
                  Can't find see your company?
                  <AnchorButton
                    type="button"
                    className={styles.enterManually}
                    onClick={() => {
                      setUseManualInput(true);
                    }}
                    onMouseDown={(e) => {
                      e.preventDefault();
                    }}
                  >
                    Enter it manually
                  </AnchorButton>
                </div>
              </div>
            </Paper>
          )}
        />