'npm i' fails with conflicting peer dependencies

[A7exSchin]

Hi!

I have been enjoying the app and liked its simplicity, however, I wanted to add some features I think would be useful:

1. Add an option to disable the full screen blend off
2. Add a "Remind me in 2 Minutes" Button to the notification
3. Make the time to focus on something far away adjustable

Sadly, when trying to initialize the React project using npm i it results in conflicting depndencies:

npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: react-circle@1.1.1
npm error Found: react@17.0.2
npm error node_modules/react
npm error   react@"^17.0.2" from the root project
npm error   peer react@">=16.8.0 <18.0.0" from @fluentui/foundation-legacy@8.2.13
npm error   node_modules/@fluentui/foundation-legacy
npm error     @fluentui/foundation-legacy@"^8.2.13" from @fluentui/react@8.87.1
npm error     node_modules/@fluentui/react
npm error       @fluentui/react@"^8.87.1" from the root project
npm error   11 more (@fluentui/react, @fluentui/react-focus, ...)
npm error
npm error Could not resolve dependency:
npm error peer react@"^16.2.0" from react-circle@1.1.1
npm error node_modules/react-circle
npm error   react-circle@"^1.1.1" from the root project
npm error
npm error Conflicting peer dependency: react@16.14.0
npm error node_modules/react
npm error   peer react@"^16.2.0" from react-circle@1.1.1
npm error   node_modules/react-circle
npm error     react-circle@"^1.1.1" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.

Additionally, using --force a module seems to be missing:

npm error ModuleNotFoundError: No module named 'distutils'
npm error gyp ERR! configure error
npm error gyp ERR! stack Error: `gyp` failed with exit code: 1
npm error gyp ERR! stack     at ChildProcess.onCpExit (C:\GitLib\Github\twenty\node_modules\node-gyp\lib\configure.js:284:16)
npm error gyp ERR! stack     at ChildProcess.emit (node:events:514:28)
npm error gyp ERR! stack     at ChildProcess._handle.onexit (node:internal/child_process:294:12)
npm error gyp ERR! System Windows_NT 10.0.22631
npm error gyp ERR! command "C:\\Tools\\NodeJS\\node.exe" "C:\\GitLib\\Github\\twenty\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild"    
npm error gyp ERR! cwd C:\GitLib\Github\twenty\node_modules\ffi-napi
npm error gyp ERR! node -v v20.10.0
npm error gyp ERR! node-gyp -v v9.1.0
npm error gyp ERR! not ok

[jalenng]

Hey Alexander! Glad to hear you're enjoying the app. Have you retried with --legacy-peer-deps?

[A7exSchin]

That worked, thanks! I will try to figure the rest out, but it seems the dev server does not work properly currently.

localhost:3000 shows only a blank page, while the tray icon is active, but I cannot open the UI to check the changes.