Description

I found that when SectionList is used inverted on mobile, the SectionSeparatorComponent is not rendered correctly. It renders in between items of the same section - while it shouldn't - and it renders double sometimes there as well.

I found that this happens on both Android and iOS with the latest SDKs and frameworks.
On web it appears not to be an issue.

Steps to reproduce

Here is an expo snack that shows the behavior;
https://snack.expo.dev/@natuurhuisje-dev/sectionlist-inverted-separatorcomponent-inconsistency

React Native Version

tested with issue on both 0.79.5 and 0.81

Affected Platforms

Runtime - iOS, Runtime - Android

Output of npx @react-native-community/cli info

I've got an Expo snack, hope this is sufficient.

Stacktrace or Logs

I've got an Expo snack, hope this is sufficient.

MANDATORY Reproducer

https://snack.expo.dev/@natuurhuisje-dev/sectionlist-inverted-separatorcomponent-inconsistency

Screenshots and Videos

No response