Как передать состояние линку из рич-роутера

ОБНОВЛЕННЫЙ КОД НЕ РАБОТАЕТ

Не удалось найти здесь ответ, который помог бы мне решить мою проблему.

В моем компоненте Playlist у меня есть изображение, которое указывает на новый путь для треков. Я хочу передать дорожке идентификатор списка воспроизведения, чтобы он мог отображать дорожки на основе предоставленного идентификатора, но независимо от того, как я это делаю, это не сработает для меня.

Компонент My Playlist возвращает:

 <Link to = '/tracks' state = {{playlist:playlist.id}}>
   <img alt = "album"src={playlist.images.url}/>
 </Link>

В моем компоненте Track он делает следующее:

export default class Tracks extends React.Component {
    constructor() {
        super();
        this.state = {
            playlistid: 0
        };
    }
        componentDidMount() {
            this.setState({
                playlistid: this.props.location.state.playlistid
            });
    }
    render() {
        return (
            <div>
                <p>PlaylistID: {this.state.playlistid}</p>
            </div>
        );
    }
}

Может ли кто-нибудь сказать мне, какой компонент неправильный? Извините, я все еще новичок в React

Спасибо