Can't Add Tracks to Playlist

Okay so I am not sure what I am doing wrong here, but I am getting this warning message.

Compiled with warnings.

./src/Components/App/App.js
  Line 27:11:  'tracks' is assigned a value but never used  no-unused-vars

Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.

I am pretty sure it is because of this error that I am not able to add tracks to my playlist at this point.

The line of code that it is referring to is here:

import React from 'react';
import './App.css';
import SearchBar from '../SearchBar/SearchBar';
import SearchResults from '../SearchResults/SearchResults';
import Playlist from '../Playlist/Playlist';

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      searchResults: [
        { name: 'name1', artist: 'artist1', album: 'album1', id: 1 },
        { name: 'name2', artist: 'artist2', album: 'album2', id: 2 },
        { name: 'name3', artist: 'artist3', album: 'album3', id: 3 }
      ],
      playlistName: 'My Playlist',
      playlistTracks: [
        { name: 'playlistName1', artist: 'playlistArtist1', album: 'playlistAlbum1', id: 4 },
        { name: 'playlistName2', artist: 'playlistArtist2', album: 'playlistAlbum2', id: 5 },
        { name: 'playlistName3', artist: 'playlistArtist3', album: 'playlistAlbum3', id: 6 }]
    };
    this.addTrack = this.addTrack.bind(this);
  }

  addTrack(track) {
    *let tracks = this.state.playlistTracks;*
    if (this.state.playlistTracks.find(savedTrack => savedTrack.id === track.id)) {
      return;
    }
  }

  render() {
    return (
      <div>
        <h1>Ja<span className={"highlight"}>mmm</span>ing</h1>
        <div className={"App"}>
          <SearchBar /> 
          <div className={"App-playlist"}>
            <SearchResults searchResults={this.state.searchResults}
              onAdd={this.addTrack}/>
            <Playlist playlistName={this.state.playlistName} playlistTracks={this.state.playlistTracks}/>
          </div>
        </div>
      </div>
    )  
  }
}

export default App;

So I know it has something to do with that, but I am not sure what is wrong with it. From what I can tell it is being used but for some reason it does not recognize it. What am I doing wrong?

Anyone? Please?

Hi Alex,
you don’t need to declare new variable “tracks” inside addTrack().

I’d say you can lose the string:

That removes the warning message, but tracks still won’t add to the playlist.

Nevermind I got it to work. I forgot to re-add the if statement and I think there was a typo in there before too that I wasn’t catching.