[base-ui][material-ui] Uncontrolled Autocomplete component do not fully reset when inside a <form> with a reset button

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example without using state: https://codesandbox.io/p/sandbox/jovial-hodgkin-rczprx

Link to live example using state: https://codesandbox.io/p/sandbox/admiring-morse-s67ssl

Current behavior 😯

When using Autocomplete component, Pressing the reset button in a form does not revert value of the Autocomplete to its default value.

If I use Autocomplete with state then it will work properly.

Expected behavior 🤔

Changes in the value of the Autocomplete will get reset while clicking on the reset button when we are not using the state (for the first codesandbox).

Context 🔦

No response

Your environment 🌎

  System:
    OS: Windows 10 10.0.19045
  Binaries:
    Node: 20.9.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 10.1.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Chromium (120.0.2210.77)
  npmPackages:
    @emotion/react: ^11.11.1 => 11.11.1
    @emotion/styled: ^11.11.0 => 11.11.0
    @mui/base:  5.0.0-beta.28
    @mui/core-downloads-tracker:  5.15.1
    @mui/material: ^5.15.1 => 5.15.1
    @mui/private-theming:  5.15.1
    @mui/styled-engine:  5.15.1
    @mui/system:  5.15.1
    @mui/types:  7.2.11
    @mui/utils:  5.15.1
    @types/react: ^18.2.45 => 18.2.45
    react: ^18.2.0 => 18.2.0
    react-dom: ^18.2.0 => 18.2.0
    typescript: ^4.9.5 => 4.9.5

Start by running the linked CodeSandbox reproductions and comparing the uncontrolled and state-controlled Autocomplete cases inside a form with a reset button. Trace the Autocomplete component behavior from there; done means the uncontrolled value returns to its default when the form is reset, matching the controlled case.