Dynamic initialRouteName for React Navigation

withDynamicInitialRouteName.js

import { renderNothing, lifecycle } from 'recompose';

/**
 * HOC to navigate to a dynamically computed route name
 * React Navigation does currently not accept a function to determine
 * the initial route at runtime
 */
const withDynamicInitialRouteName = Navigator => (screens, config = {}) => {
  if (typeof config.initialRouteName === 'function') {
    const getInitialRouteName = config.initialRouteName;
    // eslint-disable-next-line no-param-reassign
    screens.initialRouteController = lifecycle({
      async componentDidMount() {
        this.props.navigation.replace(getInitialRouteName(this.props));
      },
    })(renderNothing());
    // eslint-disable-next-line no-param-reassign
    config.initialRouteName = 'initialRouteController';
  }
  return Navigator(screens, config);
};

export default withDynamicInitialRouteName;