Привет. подскажите, пожалуйста, получаю ошибку: Warning: Functions are not valid as

Question

Привет. подскажите, пожалуйста, получаю ошибку: Warning: Functions are not valid as

a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.

Находил ответы на stackoverflow, но не понимаю, как это применить к моему коду...

в app.js пишу:
<Router routes={routes} />
в Router.js:
const Router = ({ routes }) => {
return (
<Switch>
{routes?.map((route) => (
<RouteWithSubRoutes key={route.path} {...route} />
))}
</Switch>
);
};

export default Router;

в RouteWithSubRoutes.js:
const RouteWithSubRoutes = (route) => {
const { isAuth } = useSelector((state) => state.auth);

return (
<Suspense fallback={route.fallback}>
<Route
path={route.path}
render={(props) =>
route.redirect ? <Redirect to={route.redirect}/> :
route.private ? (
isAuth ? route.component &&
<route.component {...props} routes={route.routes}/> : <Redirect to='/home/login'/>
) : route.component && <route.component {...props} routes={route.routes}/>
}
/>
</Suspense>
);
};

export default RouteWithSubRoutes;