Как вы удаляете куки из реактивного компонента-избыточности?

Question

Я делаю простую форму авторизации в redux реагировать, но я просто не могу заставить ее удалить маркер пользователя при выходе из системы.я пробовал js-cookie, реагировать-cookie и теперь document.cookie, но ни один из них не очищает мой sloev_concerts_01.

Как удалить cookie из компонента реагирующего избыточного кода?

import React, { Component } from 'react';
import { connect } from "react-redux";
import { withCookies } from 'react-cookie';
import Cookies from 'js-cookie';

import ArtistSearch from './artistSearch'
import LoginForm from './loginForm'
import * as actions from '../redux/actions'

class Root extends Component {
    componentDidMount() {
        this.props.login();
        Cookies.remove('sloev_concerts_01')

    }
    logout = () => {
        console.log("removing cookie")
      const { cookies } = this.props;
      document.cookie = "sloev_concerts_01=; expires=Thu, 01 Jan 1970 00:00:00 UTC";

      this.props.logout()
    }

    render() {
        return (
            <div>
                {this.props.me.empty ?
                    <LoginForm/>
                :
                (
                    <div>
                    <button onClick={this.logout.bind(this)}>Logout</button>
                    <ArtistSearch />
                    </div>
                )
                }
                </div>
        )
    }
}
const mapStateToProps = (state, ownProps) => {
    return {
        me: state.me,
        cookies: ownProps.cookies
    };
  };
  const mapDispatchToProps = dispatch => {
    return {
      login: () => dispatch(actions.performLogin()),
      logout: () => dispatch(actions.performLogout())
    };
  };
export default withCookies(connect(mapStateToProps, mapDispatchToProps)(Root));