MetaMask / MetaMask/metamask-extension

Upgrade to latest v19 version of react

Open
#31,709 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
13.2k
Forks
5.6k
Avg merge
2d 5h
Merged PRs (30d)
451

Description

### What is this about?

What is this about?
Extension codebase is presently on React v16.12.0 , which according to [npmjs](https://www.npmjs.com/package/react?activeTab=versions) is 7 years old. The epic this issue is associated with calls out more information on the upgrade but this particular issue is to go from 18 to v19.

It is dependent on issue: #31708

### Scenario

n/a

### Design

n/a

### Technical Details

[Additional details needed](https://react.dev/blog/2024/04/25/react-19-upgrade-guide)

### Threat Modeling Framework

n/a

### Acceptance Criteria

Extension is using v19 of react

### Stakeholder review needed before the work gets merged

- [x] Engineering (needed in most cases)
- [ ] Design
- [ ] Product
- [ ] QA (automation tests are required to pass before merging PRs but not all changes are covered by automation tests - please review if QA is needed beyond automation tests)
- [ ] Security
- [ ] Legal
- [ ] Marketing
- [ ] Management (please specify)
- [ ] Other (please specify)

### References

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reviewing dependent issue #31708 and the React 19 upgrade guide linked in the technical details, then locate the extension's React dependency and related version references. Done means the extension uses React v19 and its required automation tests pass.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, web-dev
Issue type
Refactor
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.