React Native Navigation Hooks

useStackNavigation.ts

import {useNavigation} from 'react-navigation-hooks';
import {NavigationStackProp} from 'react-navigation-stack';

// extract B from A & B where A is given.
type InferIntersection<I, T> = I extends T & infer U ? U : never;

// NavigationStackProp does not pass parameter S; use concrete type.
// https://github.com/react-navigation/stack/blob/df9e8675760517154d0323b24175750d543e5be8/src/types.tsx#L31-L34
type RT = ReturnType<typeof useNavigation>;

const useNavigationEx = <P>() => useNavigation() as RT & P;

type StackDiff = InferIntersection<NavigationStackProp, RT>;

// TODO: workaround
export const useStackNavigation = (): NavigationStackProp =>
  useNavigationEx<StackDiff>();

Issue

react-navigation/hooks#42

Fix hack

• https://stackoverflow.com/a/50321754
• https://gist.github.com/Wintus/741db3cda1e699dc2686baadab56adec#file-infer-intersection-ts