Modal stays alive on screen after app resume (navigation stack change due to authorization)

[MikaelCompile]

Describe the bug
We are working on an app that needs to validate the user every time the appstate changes to background due to sensitive information. Essentially a conditional that swaps you to an unathorized navigation stack for re-authentication if you put the app in the background. This seems to leave any open date picker modal open on the screen and no useEffects or other tries to set the open state to false after the fact seems to work.

Expected behavior
I would hope to be able to react to appstate changes and close the modal, but i'm not getting through to the modal via its parent component after setting the app in the background.

To Reproduce
Add example code that reproduces the behavior.

export default class App extends Component {

  state = { date: new Date() }

  render = () =>
    <DatePicker
      open={authorization.state === 'authorized' && !!showTimeSelect} <--- in this attempt, the open state should be reliant on authorization state
      date={this.state.date}
      onDateChange={date => this.setState({ date })}
    />

}

Smartphone (please complete the following information):
- iOS simulator, some hardware devices in testing. Hardware seems unimportant
"react-native": "0.71.12",
"react-native-date-picker": "^4.3.3",
"@react-navigation/stack": "^6.0.1",

[ConstSkripl]

@MikaelCompile Hello!

I faced the same problem, were you able to find a solution?

[MikaelCompile]

Hi! We ended up creating a custom modal that has the inline version inside of it. I think the ticket was solved with that approach.

[ConstSkripl]

Thank you!