Lesson 13 React - Material-ui error - 'Box' cannot be used as a JSX component.

[Callassie]

I am getting this error when adding the box to YourWallet.

Searching it seems to show that it is relatively new with an update from Material-ui. Some suggest adding "resolutions" to the package.json, which for me did not work.

Here is another link that I found discussing other components affected by this:

software-mansion/react-native-svg#1741

Here are my dependencies:

"dependencies": {
"@material-ui/core": "^4.12.4",
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "^12.1.4",
"@testing-library/user-event": "^13.5.0",
"@types/jest": "^27.4.1",
"@types/node": "^16.11.26",
"@types/react": "^17.0.44",
"@types/react-dom": "^17.0.15",
"@usedapp/core": "^0.12.8",
"ethers": "^5.6.2",
"react": "18.0.0",
"react-dom": "^18.0.0",
"react-scripts": "5.0.0",
"source-map-resolve": "^0.6.0",
"typescript": "^4.6.3",
"web-vitals": "^2.1.4"
},

Any suggestions?

[cromewar]

Hello @Callassie
I also faced this changes when I was working on this project, I don't remember what I did tough... but if you want you can give a look to the project here:

https://github.com/cromewar/Full_Stack_DeFi_App