[BUG] npm install is failing in a freshly-cloned repo

[hobbsythe6th]

Describe the bug
When I recloned my fork repo from development (totally up-to-date btw), cmd threw this:
Github Repos\Candlestick-2> npm install
npm warn ERESOLVE overriding peer dependency
npm warn While resolving: babel-loader@8.4.1
npm warn Found: webpack@5.108.0
npm warn node_modules/webpack
npm warn peer webpack@">=4.43.0 <6.0.0" from @pmmmwh/react-refresh-webpack-plugin@0.5.17
npm warn node_modules/@pmmmwh/react-refresh-webpack-plugin
npm warn @pmmmwh/react-refresh-webpack-plugin@"^0.5.3" from react-scripts@5.0.1
npm warn node_modules/react-scripts
npm warn 17 more (css-loader, css-minimizer-webpack-plugin, ...)
npm warn
npm warn Could not resolve dependency:
npm warn peer webpack@">=2" from babel-loader@8.4.1
npm warn node_modules/babel-loader
npm warn babel-loader@"^8.2.3" from react-scripts@5.0.1
npm warn node_modules/react-scripts
npm warn ERESOLVE overriding peer dependency
npm warn While resolving: file-loader@6.2.0
npm warn Found: webpack@5.108.0
npm warn node_modules/webpack
npm warn peer webpack@">=4.43.0 <6.0.0" from @pmmmwh/react-refresh-webpack-plugin@0.5.17
npm warn node_modules/@pmmmwh/react-refresh-webpack-plugin
npm warn @pmmmwh/react-refresh-webpack-plugin@"^0.5.3" from react-scripts@5.0.1
npm warn node_modules/react-scripts
npm warn 17 more (css-loader, css-minimizer-webpack-plugin, ...)
npm warn
npm warn Could not resolve dependency:
npm warn peer webpack@"^4.0.0 || ^5.0.0" from file-loader@6.2.0
npm warn node_modules/file-loader
npm warn file-loader@"^6.2.0" from react-scripts@5.0.1
npm warn node_modules/react-scripts
npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: react-resize-detector@12.3.0
npm error Found: react@16.14.0
npm error node_modules/react
npm error react@"^16.13.1" from the root project
npm error peer react@">=16.3.0" from @emotion/core@10.3.1
npm error node_modules/@emotion/core
npm error peer @emotion/core@"^10.0.27" from @emotion/styled@10.3.0
npm error node_modules/@emotion/styled
npm error @emotion/styled@"^10.0.12" from console-feed@3.8.0
npm error node_modules/console-feed
npm error console-feed@"^3.8.0" from the root project
npm error peer @emotion/core@"^10.0.28" from @emotion/styled-base@10.3.0
npm error node_modules/@emotion/styled-base
npm error @emotion/styled-base@"^10.3.0" from @emotion/styled@10.3.0
npm error node_modules/@emotion/styled
npm error @emotion/styled@"^10.0.12" from console-feed@3.8.0
npm error node_modules/console-feed
npm error 2 more (console-feed, emotion-theming)
npm error 32 more (@emotion/react, @emotion/styled, @emotion/styled-base, ...)
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0 || ^19.0.0" from react-resize-detector@12.3.0
npm error node_modules/react-resize-detector
npm error react-resize-detector@"^12.3.0" from the root project
npm error
npm error Conflicting peer dependency: react@19.2.8
npm error node_modules/react
npm error peer react@"^18.0.0 || ^19.0.0" from react-resize-detector@12.3.0
npm error node_modules/react-resize-detector
npm error react-resize-detector@"^12.3.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry this command with --force or --legacy-peer-deps to accept an incorrect (and potentially broken) dependency resolution.

To reproduce
Steps to reproduce the behavior:

1. Clone a new repo
2. Run npm install at root
3. See error

Expected behavior
Correct installation

Device
Lenovo AIO Desktop
Windows 11
VS Code 1.130

Additional context
I was trying to clone a second version of the repo without some (pretty drastic) WIP changes. They're both in the same folder btw. Commit 1a9a291 is the source of this, I think.

Possible fixes
I think updating to React 18 should do it. Not looked into breaking changes though.

[Alani25]

Please make sure you're using node version 24 and not an older version.
npm install would not work with the outdated v14 as it did in the past. This is simply because we have updated the node versions and the majority of the packages accordingly.
I just recorded this video of me re-cloning and running the repository on the development branch.
https://www.youtube.com/watch?v=mQeX1pjMERU

Since we updated most of the packages, trying to install them with an older node version would error like it did in your case. Also, this project should stick to react v16, upgrading to react 18 will likely cause more dependency complications and would only bring the benefit of increasing performance of the UI, not the engine, so… not much to gain. React 16 is already good enough.

[hobbsythe6th]

nvm ls (on windows) gives

• 24.18.0 (Currently using 64-bit executable)
  14.21.3
  And I'm running 24 but:
  npm install
  npm error code ERESOLVE
  npm error ERESOLVE unable to resolve dependency tree
  npm error
  npm error While resolving: candlestick@1.0.3
  npm error Found: react@16.14.0
  npm error node_modules/react
  npm error react@"^16.13.1" from the root project
  npm error
  npm error Could not resolve dependency:
  npm error peer react@"^18.0.0 || ^19.0.0" from react-resize-detector@12.3.0
  npm error node_modules/react-resize-detector
  npm error react-resize-detector@"^12.3.0" from the root project
  npm error
  npm error Fix the upstream dependency conflict, or retry this command with --force or --legacy-peer-deps to accept an incorrect (and potentially broken) dependency resolution.

[hobbsythe6th]

in case you want the logs:
verbose title npm install
8 verbose argv "install"
9 verbose logfile logs-max:10 dir:C:\Users*\AppData\Local\npm-cache_logs\2026-07-24T10_43_17_383Z-
10 verbose logfile C:\Users*\AppData\Local\npm-cache_logs\2026-07-24T10_43_17_383Z-debug-0.log
11 silly logfile start cleaning logs, removing 1 files
12 silly logfile done cleaning log files
13 silly packumentCache heap:2348810240 maxSize:587202560 maxEntrySize:293601280
14 silly idealTree buildDeps
15 silly fetch manifest @ffmpeg/core@^0.12.6
16 silly packumentCache full:https://registry.npmjs.org/@ffmpeg%2fcore cache-miss
17 http fetch GET 200 https://registry.npmjs.org/@ffmpeg%2fcore 957ms (cache revalidated)
18 silly packumentCache full:https://registry.npmjs.org/@ffmpeg%2fcore set size:66666 disposed:false
19 silly fetch manifest @ffmpeg/ffmpeg@^0.12.6
20 silly packumentCache full:https://registry.npmjs.org/@ffmpeg%2fffmpeg cache-miss
21 http fetch GET 200 https://registry.npmjs.org/@ffmpeg%2fffmpeg 703ms (cache revalidated)
22 silly packumentCache full:https://registry.npmjs.org/@ffmpeg%2fffmpeg set size:165248 disposed:false
23 silly fetch manifest @tauri-apps/api@^2.9.0
24 silly packumentCache full:https://registry.npmjs.org/@tauri-apps%2fapi cache-miss
25 http fetch GET 200 https://registry.npmjs.org/@tauri-apps%2fapi 722ms (cache revalidated)
26 silly packumentCache full:https://registry.npmjs.org/@tauri-apps%2fapi set size:356788 disposed:false
27 silly fetch manifest @tauri-apps/plugin-fs@^2.4.4
28 silly packumentCache full:https://registry.npmjs.org/@tauri-apps%2fplugin-fs cache-miss
29 http fetch GET 200 https://registry.npmjs.org/@tauri-apps%2fplugin-fs 810ms (cache revalidated)
30 silly packumentCache full:https://registry.npmjs.org/@tauri-apps%2fplugin-fs set size:75733 disposed:false
31 silly fetch manifest ace-builds@^1.44.0
32 silly packumentCache full:https://registry.npmjs.org/ace-builds cache-miss
33 http fetch GET 200 https://registry.npmjs.org/ace-builds 290ms (cache revalidated)
34 silly packumentCache full:https://registry.npmjs.org/ace-builds set size:258841 disposed:false
35 silly fetch manifest audiobuffer-to-wav@^1.0.0
36 silly packumentCache full:https://registry.npmjs.org/audiobuffer-to-wav cache-miss
37 http fetch GET 200 https://registry.npmjs.org/audiobuffer-to-wav 278ms (cache revalidated)
38 silly packumentCache full:https://registry.npmjs.org/audiobuffer-to-wav set size:4420 disposed:false
39 silly fetch manifest base64-arraybuffer@^1.0.2
40 silly packumentCache full:https://registry.npmjs.org/base64-arraybuffer cache-miss
41 http fetch GET 200 https://registry.npmjs.org/base64-arraybuffer 30ms (cache revalidated)
42 silly packumentCache full:https://registry.npmjs.org/base64-arraybuffer set size:21740 disposed:false
43 silly fetch manifest bootstrap@^4.1.3
44 silly packumentCache full:https://registry.npmjs.org/bootstrap cache-miss
45 http fetch GET 200 https://registry.npmjs.org/bootstrap 34ms (cache revalidated)
46 silly packumentCache full:https://registry.npmjs.org/bootstrap set size:577857 disposed:false
47 silly fetch manifest jquery@1.9.1 - 3
48 silly packumentCache full:https://registry.npmjs.org/jquery cache-miss
49 http fetch GET 200 https://registry.npmjs.org/jquery 271ms (cache revalidated)
50 silly packumentCache full:https://registry.npmjs.org/jquery set size:189344 disposed:false
51 silly fetch manifest popper.js@^1.16.1
52 silly packumentCache full:https://registry.npmjs.org/popper.js cache-miss
53 http fetch GET 200 https://registry.npmjs.org/popper.js 39ms (cache revalidated)
54 silly packumentCache full:https://registry.npmjs.org/popper.js set size:350267 disposed:false
55 silly fetch manifest classnames@^2.5.1
56 silly packumentCache full:https://registry.npmjs.org/classnames cache-miss
57 http fetch GET 200 https://registry.npmjs.org/classnames 35ms (cache revalidated)
58 silly packumentCache full:https://registry.npmjs.org/classnames set size:63028 disposed:false
59 silly fetch manifest console-feed@^3.8.0
60 silly packumentCache full:https://registry.npmjs.org/console-feed cache-miss
61 http fetch GET 200 https://registry.npmjs.org/console-feed 286ms (cache revalidated)
62 silly packumentCache full:https://registry.npmjs.org/console-feed set size:222574 disposed:false
63 silly fetch manifest react@^16.13.1
64 silly packumentCache full:https://registry.npmjs.org/react cache-miss
65 http fetch GET 200 https://registry.npmjs.org/react 269ms (cache updated)
66 silly packumentCache full:https://registry.npmjs.org/react set size:undefined disposed:false
67 silly fetch manifest file-saver@^2.0.5
68 silly packumentCache full:https://registry.npmjs.org/file-saver cache-miss
69 http fetch GET 200 https://registry.npmjs.org/file-saver 46ms (cache revalidated)
70 silly packumentCache full:https://registry.npmjs.org/file-saver set size:48395 disposed:false
71 silly fetch manifest gifuct-js@^2.1.2
72 silly packumentCache full:https://registry.npmjs.org/gifuct-js cache-miss
73 http fetch GET 200 https://registry.npmjs.org/gifuct-js 290ms (cache revalidated)
74 silly packumentCache full:https://registry.npmjs.org/gifuct-js set size:19455 disposed:false
75 silly fetch manifest localforage@^1.10.0
76 silly packumentCache full:https://registry.npmjs.org/localforage cache-miss
77 http fetch GET 200 https://registry.npmjs.org/localforage 30ms (cache revalidated)
78 silly packumentCache full:https://registry.npmjs.org/localforage set size:143580 disposed:false
79 silly fetch manifest pdfjs-dist@^6.1.200
80 silly packumentCache full:https://registry.npmjs.org/pdfjs-dist cache-miss
81 http fetch GET 200 https://registry.npmjs.org/pdfjs-dist 33ms (cache revalidated)
82 silly packumentCache full:https://registry.npmjs.org/pdfjs-dist set size:2098689 disposed:false
83 silly fetch manifest react-ace@^14.0.1
84 silly packumentCache full:https://registry.npmjs.org/react-ace cache-miss
85 http fetch GET 200 https://registry.npmjs.org/react-ace 269ms (cache revalidated)
86 silly packumentCache full:https://registry.npmjs.org/react-ace set size:358192 disposed:false
87 silly fetch manifest react-dom@^16.13.1
88 silly packumentCache full:https://registry.npmjs.org/react-dom cache-miss
89 http fetch GET 200 https://registry.npmjs.org/react-dom 226ms (cache updated)
90 silly packumentCache full:https://registry.npmjs.org/react-dom set size:undefined disposed:false
91 silly fetch manifest react-device-detect@^2.2.3
92 silly packumentCache full:https://registry.npmjs.org/react-device-detect cache-miss
93 http fetch GET 200 https://registry.npmjs.org/react-device-detect 39ms (cache revalidated)
94 silly packumentCache full:https://registry.npmjs.org/react-device-detect set size:132438 disposed:false
95 silly fetch manifest react-dnd@^14.0.4
96 silly packumentCache full:https://registry.npmjs.org/react-dnd cache-miss
97 http fetch GET 200 https://registry.npmjs.org/react-dnd 274ms (cache revalidated)
98 silly packumentCache full:https://registry.npmjs.org/react-dnd set size:369630 disposed:false
99 silly fetch manifest @types/hoist-non-react-statics@>= 3.3.1
100 silly packumentCache full:https://registry.npmjs.org/@types%2fhoist-non-react-statics cache-miss
101 http fetch GET 200 https://registry.npmjs.org/@types%2fhoist-non-react-statics 289ms (cache revalidated)
102 silly packumentCache full:https://registry.npmjs.org/@types%2fhoist-non-react-statics set size:21346 disposed:false
103 silly fetch manifest @types/react@*
104 silly packumentCache full:https://registry.npmjs.org/@types%2freact cache-miss
105 http fetch GET 200 https://registry.npmjs.org/@types%2freact 40ms (cache revalidated)
106 silly packumentCache full:https://registry.npmjs.org/@types%2freact set size:2632776 disposed:false
107 silly fetch manifest @types/node@>= 12
108 silly packumentCache full:https://registry.npmjs.org/@types%2fnode cache-miss
109 http fetch GET 200 https://registry.npmjs.org/@types%2fnode 54ms (cache revalidated)
110 silly packumentCache full:https://registry.npmjs.org/@types%2fnode set size:11080817 disposed:false
111 silly fetch manifest react-dnd-html5-backend@^14.0.4
112 silly packumentCache full:https://registry.npmjs.org/react-dnd-html5-backend cache-miss
113 http fetch GET 200 https://registry.npmjs.org/react-dnd-html5-backend 33ms (cache revalidated)
114 silly packumentCache full:https://registry.npmjs.org/react-dnd-html5-backend set size:223941 disposed:false
115 silly fetch manifest react-dropdown@^1.11.0
116 silly packumentCache full:https://registry.npmjs.org/react-dropdown cache-miss
117 http fetch GET 200 https://registry.npmjs.org/react-dropdown 256ms (cache revalidated)
118 silly packumentCache full:https://registry.npmjs.org/react-dropdown set size:120047 disposed:false
119 silly fetch manifest react-hotkeys@^2.0.0
120 silly packumentCache full:https://registry.npmjs.org/react-hotkeys cache-miss
121 http fetch GET 200 https://registry.npmjs.org/react-hotkeys 274ms (cache revalidated)
122 silly packumentCache full:https://registry.npmjs.org/react-hotkeys set size:665128 disposed:false
123 silly fetch manifest react-modal@^3.16.3
124 silly packumentCache full:https://registry.npmjs.org/react-modal cache-miss
125 http fetch GET 200 https://registry.npmjs.org/react-modal 262ms (cache revalidated)
126 silly packumentCache full:https://registry.npmjs.org/react-modal set size:322427 disposed:false
127 silly fetch manifest react-numeric-input@^2.2.3
128 silly packumentCache full:https://registry.npmjs.org/react-numeric-input cache-miss
129 http fetch GET 200 https://registry.npmjs.org/react-numeric-input 351ms (cache revalidated)
130 silly packumentCache full:https://registry.npmjs.org/react-numeric-input set size:51527 disposed:false
131 silly fetch manifest react-reflex@^3.0.6
132 silly packumentCache full:https://registry.npmjs.org/react-reflex cache-miss
133 http fetch GET 200 https://registry.npmjs.org/react-reflex 272ms (cache revalidated)
134 silly packumentCache full:https://registry.npmjs.org/react-reflex set size:416893 disposed:false
135 silly fetch manifest react-resize-detector@^12.3.0
136 silly packumentCache full:https://registry.npmjs.org/react-resize-detector cache-miss
137 http fetch GET 200 https://registry.npmjs.org/react-resize-detector 268ms (cache revalidated)
138 silly packumentCache full:https://registry.npmjs.org/react-resize-detector set size:412975 disposed:false
139 silly fetch manifest react@^18.0.0 || ^19.0.0
140 silly packumentCache full:https://registry.npmjs.org/react cache-miss
141 http cache https://registry.npmjs.org/react 13ms (cache hit)
142 silly packumentCache full:https://registry.npmjs.org/react set size:6830011 disposed:false
143 verbose stack Error: unable to resolve dependency tree
143 verbose stack at #failPeerConflict (C:\Coding\COMPIL1\nvm\v24.18.0\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:1496:25)
143 verbose stack at #loadPeerSet (C:\Coding\COMPIL1\nvm\v24.18.0\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:1462:33)
143 verbose stack at async #buildDepStep (C:\Coding\COMPIL1\nvm\v24.18.0\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:978:15)
143 verbose stack at async Arborist.buildIdealTree (C:\Coding\COMPIL1\nvm\v24.18.0\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:178:7)
143 verbose stack at async Promise.all (index 1)
143 verbose stack at async Arborist.reify (C:\Coding\COMPIL1\nvm\v24.18.0\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\reify.js:112:5)
143 verbose stack at async Install.exec (C:\Coding\COMPIL1\nvm\v24.18.0\node_modules\npm\lib\commands\install.js:157:5)
143 verbose stack at async Npm.exec (C:\Coding\COMPIL1\nvm\v24.18.0\node_modules\npm\lib\npm.js:193:9)
143 verbose stack at async module.exports (C:\Coding\COMPIL1\nvm\v24.18.0\node_modules\npm\lib\cli\entry.js:67:5)

[hobbsythe6th]

Recloned again, deleted all instances of the repo, recloned once more and still broken.

[hobbsythe6th]

BTW I'm cloning from the main repo, not my fork

[InternetAstronaut]

I'm also having problems with running the editor upstream, except since I use pnpm, it's a random script error that I cannot fix.

pnpm tries to secure its users by not running every postinstall script, instead only running trusted ones and asking the user to accept ones untrusted.

[hobbsythe6th]

I managed to install packages by bringing resize-detector down first to v3, which was incompatible with some syntax, and then to to v9, which doesn't break npm start or build-engine, but resize-detector v10 onwards support for react 16 is dropped. Idk if we need to keep the latest version of resize-detector though.