Возврат нескольких компонентов в функции рендеринга для React Router

Question

Я новичок в React и пытаюсь добавить маршрутизацию для моего приложения. Мой основной вопрос заключается в следующем: каков наилучший способ вернуть несколько компонентов с реквизитом для согласованного маршрута?

Я знаю, что вы можете визуализировать несколько компонентов с помощью функции рендеринга, но она имеет посторонний div,

<Route to='/some-path' render={routerProps =>
  { /* This div is useless and may break CSS */ }
  <div>
    <FirstChild {...routerProps} aBoolean={true} aNumber={5} />
    <SecondChild {...routerProps} aFunction={this.someFunction} />
  </div>
} />

С другой стороны, если я использую что-то вроде следующего, я могу аккуратно вернуть несколько компонентов, но я не могу найти способ добавить пользовательские реквизиты к ним:

<Route path="some-path" components={{firstChild: FirstChild, secondChild: SecondChild}} />

Есть ли решение, которое не имеет бесполезного div, как #1? Или есть способ использовать #2 при передаче пользовательских реквизита?

Спасибо,