Functions are not valid as a React child. This may happen if you return a Component instead of from render. Redux

Question

I am working with react-redux, and I use stateless components

The error

This is my index.js

My app.js

the store is in another index.js file, inside a folder called redux

I have tried NewHOC, but I can't get rid of the error

Answer 1

I believe you've had a look at this question since you mentioned "NewHOC".

With that in mind, ensure that in all your components you make use of a return statement if they are functional components or have a render method if they are class based components.

Based on your screenshots, it seems RouterDirectory is the likely culprit as the screenshots you did upload look fine but we can't see RouterDirectory.

If you can provide the code for RouterDirectory we can help you further.