React. renderProps

Как в реакте лучше организовать передачу кастомного компонента в props, через renderProps:

function renderItem ({ name }) {
  return <div>{name}</div>
}

<Component renderTitle={renderItem} />

или сразу через jsx:

<Component title={<div>title</div>} />

или как класс компонента:

<Component title={Title} />

Не могу найти информацию как лучше делать, и как в итоге разные способы будут влиять на работу приложения и производительность в итоге.

По идеи если renderItem обернуть в useCallback можно лишних ререндеров, если сразу jsx писать, то должно быть всегда новый объект будет формироваться, если кидать отдельно написанный компонент непонятно.