update it to new mui versions since material-ui is deprecated and some errors with hooks

[shubhamrk2]

No description provided.

[shubhamrk2]

No description provided.

please help sir @thawalk

[thawalk]

In the spirit of open source, feel free to update the issue to be abit clearer as what exactly is not working and create a PR. I will review and merge if its appropriate :) @shubhamrk2

[shubhamrk2]

@thawalk i appreciate your response sir, but i am really new to all this, i need ypur help sir

[shubhamrk2]

@thawalk shall i share the errors with you on your mail?

[thawalk]

@shubhamrk2 you can just share them here in the comments, and the steps to replicate them

[shubhamrk2]

×
←→1 of 2 errors on the page
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
   See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
   ▼ 30 stack frames were expanded.
   resolveDispatcher
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/node_modules/react/cjs/react.development.js:1438
   useContext
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/node_modules/react/cjs/react.development.js:1446
   useTheme
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/node_modules/@mui/private-theming/useTheme/useTheme.js:4
   useStyles
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/node_modules/@mui/styles/makeStyles/makeStyles.js:223
   WithStyles
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/node_modules/@mui/styles/withStyles/withStyles.js:57
   renderWithHooks
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:14970
   updateForwardRef
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:16992
   beginWork
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:18982
   HTMLUnknownElement.callCallback
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:3920
   invokeGuardedCallbackDev
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:3969
   invokeGuardedCallback
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:4029
   beginWork$1
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:23778
   performUnitOfWork
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:22614
   workLoopSync
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:22551
   renderRootSync
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:22517
   performSyncWorkOnRoot
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:22134
   scheduleUpdateOnFiber
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:21722
   updateContainer
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:25259
   (anonymous function)
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:25791
   unbatchedUpdates
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:22274
   legacyRenderSubtreeIntoContainer
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:25790
   render
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/node_modules/react-dom/cjs/react-dom.development.js:25873
   Module../src/index.js
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/src/index.js:14
   webpack_require
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/webpack/bootstrap:782
   fn
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/webpack/bootstrap:150
   0
   http://localhost:3000/static/js/main.chunk.js:6514:18
   webpack_require
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/webpack/bootstrap:782
   checkDeferredModules
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/webpack/bootstrap:45
   Array.webpackJsonpCallback [as push]
   C:/Users/Shubham/Desktop/Major Project/truffle/Certoshi/client/webpack/bootstrap:32
   (anonymous function)
   http://localhost:3000/static/js/main.chunk.js:1:57
   ▲ 30 stack frames were expanded.
   This screen is visible only in development. It will not appear if the app crashes in production.
   Open your browser’s developer console to further inspect this error.

[shubhamrk2]

@thawalk please, i have 8 days to work upon, please help sir, if you do necessary changes to the repo, it will be best for many of us

[shubhamrk2]

@thawalk i request you sir, i beg infront of you, please help me

[thawalk]

@shubhamrk2 I wasn't able to replicate the error, what commands did you run to get this error?

[shubhamrk2]

@thawalk sir, these errors were coming when i started the development server, npm start to start the react app, these errors came because there is something changed in the versions since then.

[thawalk]

@shubhamrk2 try to use the node and NPM versions specified in the README.md

Node: 14.16.1

https://stackoverflow.com/questions/7718313/how-to-change-to-an-older-version-of-node-js

npm: 6.14.12

https://stackoverflow.com/questions/46415343/downgrade-npm-to-an-older-version

Please follow the README carefully and deploy the contracts locally.

Use a metamask enabled browser like chrome and install the metamask plugin.

Remember to npm install at the root level and inside the client folder, before running npm start.

[shubhamrk2]

@thawalk material-ui is deprecated sir

[sarvesh-1361]

@shubhamrk2 Have you got the project to work. I am also facing issues. How to solve material-ui deprecated situation.

[SamPrinceFranklin]

@sarvesh-1361 Did you find where it went wrong?