ReactJS - se puede neviar un componente a otro componente en React ?

hola, soy nuevo en el mundo de React y quisiera mapear un array de objetos para renderizar cada componente, este es mi array:

const pages= [
{
path: '/',
element: <Home/>,
},
{
path: '/home'
element: <About />,
}
]

export default pages

le quiero enviar este objeto a otro componente que se encarga de renderizarlos de esta forma:

const render= render(pages)

{render}

render solo imprimiría los componentes con un map pero no detecta los componentes enviados por props

Hola Ulises, cómo estas construyendo el componente?
Hooks o clases?

Explicame un poco más y si puedes incluir código, intentaré ayudarte.

No sé si quieres hacer esto.