[Bug]: DetailsList virtualization does not work if is descendant of React.StrictMode

[nlips]

Library

React / v8 (@fluentui/react)

System Info

System:
  OS: Windows 10 10.0.22621
  CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
  Memory: 2.64 GB / 15.85 GB
Browsers:
  Edge: Spartan (44.22621.525.0), Chromium (112.0.1722.34)
  Internet Explorer: 11.0.22621.1

- `@fluentui/react`: 8.107.4

Are you reporting Accessibility issue?

None

Reproduction

https://react-detailslist-strictmode-virtualization.stackblitz.io

Bug Description

Actual Behavior

Only the first few items appear. When scrolling, the following items are not displayed.

Expected Behavior

When scrolling, the following items must be displayed.

Logs

No response

Requested priority

Blocking

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[Dissident26]

Seems that it's React 17+ problem. Found several articles: facebook/react#24670, https://stackoverflow.com/questions/72295136/userefs-reference-value-change-on-re-render-caused-by-strict-mode-while-usestat.
Faced the same problem, rolling back to React ~16 fixed this.
Providing extra sandbox with package.json: https://codesandbox.io/s/thirsty-bell-pwnv4s?file=/src/dlist.jsx
Uncomment strict mode in index.js to reproduce.

[spmonahan]

Blocked by #27851

[microsoft-github-policy-service]

Because this issue has not had activity for over 180 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.