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
• [X] iOS
• [ ] Web
• [ ] Windows
• [ ] MacOS

Packages

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

Environment

• [x] 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