(ответное окно) Как обернуть {Row} <div> или любым другим компонентом?

Question

Я использую библиотеку под названием реагирующее окно

Это библиотека для эффективной визуализации больших списков и табличных данных.

это пример кода из документации:

import { FixedSizeList as List } from 'react-window';

const Row = ({ index, style }) => (
  <div style={style}>Row {index}</div>
);

const Example = () => (
  <List
    height={150}
    itemCount={1000}
    itemSize={35}
    width={300}
  >
    {Row}
  </List>
);

Что я хочу сделать, это обернуть {Row} с <div> или любые другие пользовательские компоненты.

Потому что я хочу реализовать некоторые стили, а также свернуть переход.

Обратите внимание, что я не могу просто сделать это:

const Row = ({ index, style }) => (
   <div style={{...}}> // wrapper
      <div style={style}>Row {index}</div>
   </div>
);

Потому что он обернет каждый элемент списка компонентом-оберткой, вместо того, чтобы обернуть весь список одним компонентом-оберткой.

Я хочу обернуть целые списки одним компонентом-оберткой.