Simplified component with react-redux hooks

navigation.ts

import React, { FunctionComponent } from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { RootState } from '~/reducers';
import { selectUser, setUserAction } from 'actions/app';

export const Navigation: FunctionComponent = () => {
  const user = useSelector((state: RootState) => selectUser(state));
  const dispatch = useDispatch();
  const setUser = (user: string) => () => dispatch(setUserAction(user));
  
  return (
    <div className={styles.Navigation} onClick={ setUser('me') }>
      User name: { user }
    </div>
  );
}