Skip to content

Update npm & npm packages #627

@keyserj

Description

@keyserj

Describe your issue

There are a bunch of new versions for software tooling that Ameliorate uses. We should update these to make sure our dependencies aren't going out-of-date.

Solution you'd like

  • reactflow 11 -> 12 (makes zoomOnDoubleClick={false} work on mobile)
  • prisma 5 -> 6.16+ (90% prisma bundle reduction with migration of rust engine to typescript)
  • node 20 -> 24 & npm 10 -> 11 (node 20 support is stopping May 2026, node 24 becomes LTS November 2025)
  • ubuntu 20.04 -> 24.04 (20 = Focal, which is being deprecated by Netlify Jan 1, 2026, release cycle)
  • tailwind 3 -> 4
  • mui 5 -> 6 (enables keepMounted for TabPanel)
  • eslint 8 -> 9
  • react 18 -> 19.2
    • 19.2: <Activity> could be nice for keeping state mounted for something not displaying; Performance Tracks seem nice for debugging performance issues
  • next.js 14 -> 16 (don't use app/ instead of pages/ yet, too much work) (faster builds?)
  • react compiler none -> 1.0 (for memo performance) (requires upgrading react-hook-form, maybe other react libs too)

Maybe annoying and low value right now

  • react query 4 -> 5
  • trpc 10 -> 11 (trpc-panel -> trpc-ui, maintained, zod4 support soon, requires react-query 4 -> 5, typescript 5.7.2+)
  • zod 3 -> 4 (big changes, trpc-panel currently doesn't support zod4)
  • zustand 4 -> 5
  • auth0 3 -> 4

Alternatives you've considered

No response

Additional context

No response

Technical ideas and questions

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    backendhas some backend work involved e.g. db, apidximproves the developer experience, makes working with the code nicerrefactorreduces tech debt or improves code quality

    Type

    No type

    Projects

    Status

    Todo

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions