List renders only single item when rendered in an iframe

Hi, I have a component where I render this

render() {
    return <Virtuoso
    totalCount={99}
    item={index => <div>Item {index}</div>}
    style={{ height: '400px', width: '100px' }}
  />
}

but only single one item is rendered

anyone knows what could cause this?

[Alino]

I have cloned this repo to create unit test for this and fix it. After I looked at file Virutoso.test.tsx and I started doing this

test('render more than one item inside an iframe', () => {
  const render = renderer.create(
    <div>
      <Virtuoso totalCount={100} initialItemCount={20} item={() => <div />} />
    </div>
  )
  const items = (render.toJSON() as any).children[0].children[0].children[0].children
  expect(items).toHaveLength(20)
})

I found out that the items.length is 1 unless you add an initialItemCount And it also fixes my iframe issue.

[Alino]

I am closing this, as I think this (my original issue) is not relevant anymore since the big refactor.