[Bug] Warning: Functions are not valid as a React child.

[Anonymous7code]

Version

React v18

Reproduction link

https://github.com/creativetimofficial/vision-ui-dashboard-react

Operating System

Windows

Device

Asus Vivobook 15

Browser & Version

Brave@latest

Steps to reproduce

npm start

What is expected?

There should be no warnings in console

What is actually happening?

Warning: Functions are not valid as a React child. This may happen if you return a Component instead of from render. Or maybe you meant to call this function rather than return it.
at Routes (http://localhost:3000/static/js/bundle.js:414109:5)
at InnerThemeProvider (http://localhost:3000/static/js/bundle.js:56183:70)
at ThemeProvider (http://localhost:3000/static/js/bundle.js:55885:5)
at ThemeProvider (http://localhost:3000/static/js/bundle.js:56203:5)
at App (http://localhost:3000/static/js/bundle.js:716:97)
at VisionUIControllerProvider (http://localhost:3000/static/js/bundle.js:9684:5)
at Router (http://localhost:3000/static/js/bundle.js:414042:15)
at BrowserRouter (http://localhost:3000/static/js/bundle.js:412851:5)
printWarning @ react-dom.development.js:86

---

Solution

Additional comments

Upgrade project for React v18 and react-router-dom@latest

[simmmpleweb]

Hello, @Anonymous7code ! Thanks for using our products, We will update to React 18 when all our plugins will support it. Regards, Vlad.