Ошибка при нажатии кнопки при выходе из системы с помощью Antd

Question

Я пытаюсь создать панель навигации с опцией выхода из системы, используя Menu.Item из antd. Я получаю сообщение об ошибке при нажатии кнопки. Ниже мой код.

handleClick = (e: ClickParam) => {
if(e.key === 'logout') {
   if (userContext) userContext.onLogout(); 
//error cannot find name userContext (as it is defined below)
} else {
  this.props.history.push(e.key);
}
}; 

render() {
const SubMenu = Menu.SubMenu;
return (
  <div>
    <CurrentUserConsumer>
      {userContext => (
        <Fragment>
          <div>
            <UserAvatar name={userContext && userContext.user ? userContext.user.firstName : ''} />
          </div>

          <Menu onClick={this.handleClick} selectedKeys={[this.props.history.location.pathname]} mode="vertical" className="App-menu-wrapper">
          <Menu.Item 
            key="/logout">
                <span>
                <Icon type="form" />
                Logout
                </span>
            </Menu.Item>

Пожалуйста, предложите мне другое решение, чтобы после выхода из системы оно было успешно завершено.