[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.