[Issue] Mixnet Explorer - cannot build

[JohnSmith-PrivacyRebels]

Describe the issue
I am trying to build mixnet explorer but getting an error. It seems the problem is install MUI with react. It seems like mui/styles is not compatible with React 18 (mui/material-ui#32074 and https://stackoverflow.com/questions/74255797/cannot-install-mui-styles-in-react). @mui/styles is deprecated now and should be migrated to @mui/system (https://mui.com/system/styles/basics/)

Expected behaviour
I expect the build to complete without any errors

Stack Traces
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: @nym/network-explorer@1.0.7
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR! react@"^18.2.0" from @nym/network-explorer@1.0.7
npm ERR! explorer
npm ERR! @nym/network-explorer@1.0.7
npm ERR! node_modules/@nym/network-explorer
npm ERR! workspace explorer from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.0" from @mui/styles@5.14.20
npm ERR! node_modules/@mui/styles
npm ERR! @mui/styles@"^5.0.1" from @nym/network-explorer@1.0.7
npm ERR! explorer
npm ERR! @nym/network-explorer@1.0.7
npm ERR! node_modules/@nym/network-explorer
npm ERR! workspace explorer from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Steps to Reproduce

• git clone https://github.com/nymtech/nym
• cd nym/explorer
• nvm install
• npm install

Which area of Nym were you using?
network-explorer

Additional context
debug.log

Debug log is attached

I have also tried to remove mui/styles dependency but got the following error:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: @nym/network-explorer@1.0.7
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR! react@"^18.2.0" from @nym/network-explorer@1.0.7
npm ERR! explorer
npm ERR! @nym/network-explorer@1.0.7
npm ERR! node_modules/@nym/network-explorer
npm ERR! workspace explorer from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.1" from react-identicons@1.2.5
npm ERR! node_modules/react-identicons
npm ERR! react-identicons@"^1.2.5" from @nym/network-explorer@1.0.7
npm ERR! explorer
npm ERR! @nym/network-explorer@1.0.7
npm ERR! node_modules/@nym/network-explorer
npm ERR! workspace explorer from the root project
npm ERR!

It seems like there are multiple dependencies which are struggling with React 18.

[mmsinclair]

Soon there will be an Explorer v2.0, however if you want to use the NextJS version - it is here: https://github.com/nymtech/nym/tree/develop/explorer-nextjs