Add strong typing for react navigation props : <p>I'm using typescript in my react-native project(expo).</p>

<p>The project uses react-navigation, so on my screens I can set <code>navigationOptions</code> and I have access to the prop <code>navigation</code>.</p>

<p>Now I'm trying to strongly type these so I get hints for what properties are available to set.</p>

<pre><code>interface NavStateParams {
    someValue: string
}

interface Props extends NavigationScreenProps&lt;NavStateParams&gt; {
   color: string
}

class Screen extends React.Component&lt;Props, any&gt; {
    // This works fine
    static navigationOptions: NavigationStackScreenOptions = {
        title: 'ScreenTitle'
    }
    // Does not work
    static navigationOptions: NavigationStackScreenOptions = ({navigation, screenProps }) =&gt; ({
        title: navigation.state.params.someValue
    })
}
</code></pre>

<p>What would be the best way to handle react-navigation as props for components.</p>
