In Jest environment, header of native-stack modal is rendered twice

[thomasttvo]

Description

In NativeStackView.native.tsx, the SceneView renders both the header and MaybeNestedStack, and then MaybeNestedStack checks if it's a modal, then renders the header again inside. This might be ok in real-life because we're resolving these header configs in the native world, but in Jest they just got rendered as regular components and can be duplicated.

Steps to reproduce

Open a modal route in jest, then check the tree.

Snack or a link to a repository

Screens version

3.34.0

React Native version

0.73.5

Platforms

Android, iOS

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[github-actions]

Hey! 👋

It looks like you've omitted a few important sections from the issue template.

Please complete Snack or a link to a repository section.

[kkafar]

@thomasttvo thanks for reporting. What would be the expected behaviour in your opinion? And could you describe what problem it leads to? My initial impression is that we won't want to change anything here, because we would have to manipulate the view hierarchy only for test purposes - what I'm not sure makes much sense. The "duplicated header element" you get in tests is what is actually rendered in React Element Tree in production also