Wrong header height value for screens inside Native Stack inside another Native Stack with modal presentation on iOS

[SrAnthony]

Current behavior

Screens inside a Native Stack that is inside another presentation: 'modal' Native Stack have the header height value from the useHeaderHeight() hook incorrect on iOS (double what it should be).

This type of nesting happens when I want to show a modal with a stack of screens inside.

Expected behavior

The useHeaderHeight() hook should return the correct value for the header height on this situation.

Reproduction

https://snack.expo.dev/@sranthony/react-navigation-header-height-bug

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Packages

• @react-navigation/bottom-tabs
• @react-navigation/drawer
• @react-navigation/material-top-tabs
• @react-navigation/stack
• @react-navigation/native-stack
• react-native-tab-view

Environment

• I've removed the packages that I don't use

package	version
@react-navigation/native	6.1.17
@react-navigation/native-stack	6.9.26
react-native-screens	3.29.0
react-native	73
expo	50