[WIP] Next15

[dinmukhamedm]

Work in progress: Next.js 15 migration.

Latest peer dependencies issues:

.
├─┬ @monaco-editor/react 4.6.0
│ ├── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
│ └── ✕ unmet peer react-dom@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
├─┬ @radix-ui/react-alert-dialog 1.1.3
│ └─┬ @radix-ui/react-dialog 1.1.3
│   └─┬ react-remove-scroll 2.6.0
│     ├── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
│     ├── ✕ unmet peer @types/react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.1
│     ├─┬ react-style-singleton 2.2.1
│     │ ├── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
│     │ └── ✕ unmet peer @types/react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.1
│     ├─┬ react-remove-scroll-bar 2.3.6
│     │ ├── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
│     │ └── ✕ unmet peer @types/react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.1
│     ├─┬ use-callback-ref 1.3.2
│     │ ├── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
│     │ └── ✕ unmet peer @types/react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.1
│     └─┬ use-sidecar 1.1.2
│       ├── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
│       └── ✕ unmet peer @types/react@"^16.9.0 || ^17.0.0 || ^18.0.0": found 19.0.1
├─┬ react-ace 13.0.0
│ ├── ✕ unmet peer react@"^0.13.0 || ^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0": found 19.0.0
│ └── ✕ unmet peer react-dom@"^0.13.0 || ^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0": found 19.0.0
├─┬ react-day-picker 8.10.1
│ └── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
├─┬ reactflow 11.11.4
│ └─┬ @reactflow/minimap 11.7.14
│   └─┬ zustand 4.5.5
│     └─┬ use-sync-external-store 1.2.2
│       └── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
├─┬ recharts 2.15.0
│ └─┬ react-smooth 4.0.3
│   ├── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
│   └── ✕ unmet peer react-dom@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
└─┬ swr 2.2.5
  └── ✕ unmet peer react@"^16.11.0 || ^17.0.0 || ^18.0.0": found 19.0.0

TODOs:

• Test Yjs together for realtime
• More thorough testing of all pages, buttons, etc.
• Manual testing of calendar element for that react-day-picker is old
• Fix the above dependency issues when they become available

Dependency issues that we will likely be able to fix:

• monaco-editor react 19 support should be out next week Plans for React v19 Support suren-atoyan/monaco-react#656
• react-ace. Unknown, track: Allow peer dependency for React 19 securingsincity/react-ace#2080
• reactflow. Looks like React 19 should be supported in version 12, though it's not clear when v12 will be ready if at all
• recharts. Dependency comes from react-smooth. Unknown, track: React 19 support recharts/react-smooth#106
• swr. This will be fixed in version 2.2.6 (currently at 2.2.6-beta.4). https://github.com/vercel/swr/releases

Dependency issues that will probs need some more time

• @radix-ui/react-alert-dialog is dependent on react-remove-scroll, which doesn't look like it will support React 19 soon: React 19 support theKashey/react-remove-scroll#122
• react-day-picker is used by shadcn Calendar. The shadcn existing components registry doesn't look very much maintained, and upgrading to react-day-picker@9 is not immediately straightforward. Track [bug]: Calender UI is messed up after updating to react-day-picker shadcn-ui/ui#5799
• (node:86854) [DEP0040] DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead. The dependency path to it is [email protected] -> @eslint/[email protected] -> [email protected] -> [email protected] -> [email protected]. And eslintrc is a legacy package for support of .eslintrc.json configurations. On a related note, I opened Migrate from .eslintrc.json to eslint.config.js #278. Looks like the closest to tracking issue is this: DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead. eslint/eslint#19007 and it has links to workaround suggestions abour overriding uri-js with fasturi.

[dinmukhamedm]

This will also hopefully eventually address #49. For now, ironically, it adds even more unmet peer dependencies warnings

[dinmukhamedm]

a simple pnpm update fixed some of them. Latest peer deps issue list:

.
├─┬ @monaco-editor/react 4.6.0
│ ├── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
│ └── ✕ unmet peer react-dom@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
├─┬ react-ace 13.0.0
│ ├── ✕ unmet peer react@"^0.13.0 || ^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0": found 19.0.0
│ └── ✕ unmet peer react-dom@"^0.13.0 || ^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0": found 19.0.0
├─┬ react-day-picker 8.10.1
│ └── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
├─┬ reactflow 11.11.4
│ └─┬ @reactflow/minimap 11.7.14
│   └─┬ zustand 4.5.5
│     └─┬ use-sync-external-store 1.2.2
│       └── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.0.0
└─┬ swr 2.2.5
  └── ✕ unmet peer react@"^16.11.0 || ^17.0.0 || ^18.0.0": found 19.0.0