[Autocomplete] ListboxProps external ref warning in vs code

[syafiqmuda]

Steps to reproduce

Link to live example: https://codesandbox.io/p/sandbox/listboxprops-ref-bn67hk?file=%2Fsrc%2FAutocomplete.tsx

Current behavior

No response

Expected behavior

No response

Context

Unable to build project due to typescript issue/warning

Your environment

npx @mui/envinfo

  System:
    OS: Windows 11 10.0.22631
  Binaries:
    Node: 19.1.0 - C:\Program Files\nodejs\node.EXE
    npm: 8.19.3 - C:\Program Files\nodejs\npm.CMD
    pnpm: Not Found
  Browsers:
    Chrome: Not Found
    Edge: Chromium (129.0.2792.89)
  npmPackages:
    @emotion/react: 11.10.5 => 11.10.5
    @emotion/styled: 11.10.5 => 11.10.5
    @mui/base:  5.0.0-alpha.103
    @mui/core-downloads-tracker:  5.15.20
    @mui/icons-material: ^5.11.9 => 5.15.20
    @mui/lab: 5.0.0-alpha.105 => 5.0.0-alpha.105
    @mui/material: 5.10.11 => 5.10.11
    @mui/private-theming:  5.15.20
    @mui/styled-engine:  5.15.14
    @mui/system:  5.15.20
    @mui/types:  7.2.14
    @mui/utils:  5.15.20
    @mui/x-data-grid: 5.17.9 => 5.17.9
    @types/react: 18.0.24 => 18.0.24
    react: 18.2.0 => 18.2.0
    react-dom: 18.2.0 => 18.2.0
    typescript: 4.8.4 => 4.8.4

Search keywords: [Autocomplete] ListboxProps external ref warning in vs code

[syafiqmuda]

In order to remove the warning, I need to add this attribute in this component: