Transaction form during import keeps old data when importing a transaction

[morremeyer]

Describe the bug
During an import, if a field (e.g. the source account) of a transaction is changed and the transaction is then imported, some fields do not update with the next transaction to import.

To Reproduce
Edit 2025-04-04: Updated reproduction steps

Steps to reproduce the behavior:

1. Create a new budget with any name
2. Create one account for the budget with any name
3. Start an import to the account, using the comdirect.csv fixture
4. In the first transaction, change the destination to "Any Other Account"
5. Press Enter in the destination account field
6. Observe that for the next transaction, the destination is "Any Other Account" (should be "Cash")
7. Click "Accounts" in the navigation
8. Click the "Resume Now" button on top of the page
9. Observe that the destination now is "Cash"

Expected behavior
All fields are populated correctly for a transaction to be imported.

Workaround

Exit the import by opening any other view, then click the "Resume now" button on the banner.

[morremeyer]

@malfynnction I updated the reproduction as requested.

[morremeyer]

Further debugging:

• It only happens when pressing Enter, not when clicking the Import button
• It only affects the form field in focus
• It only affects the Autocomplete fields; Source Account, Destination Account, and Envelope

[morremeyer]

With #2341, this has a workaround for now, but at the cost of downgrading react, react-dom and headlessui/react.

We should look into a permanent fix for this.