Description

When you try to import an ERC20, it will require clicking on the next button twice before moving to the confirmation modal.
You will also see this error in the console:

SES_UNHANDLED_REJECTION: Error: Invariant failed: A state mutation was detected between dispatches, in the path 'metamask.tokenList.0x0000000000300dd8b0230efcfef136ecdf6abcde.unlisted'. This may cause incorrect behavior. (https://redux.js.org/style-guide/style-guide#do-not-mutate-state) (see video)

I used spread operator to update the "unlisted" value in tokens instead of changing its value directly.

Related issues

Fixes:

Manual testing steps

1. Go to home age
2. Click on import tokens and select any token from the list
3. Click on "Next" button. Make sure you have only clicked the button once and you were moved successfully to confirmation page.
4. The error should not appear in console.

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.