Cannot create playlist on spotify

https://www.codecademy.com/paths/build-web-apps-with-react/tracks/react-capstone/modules/jammming-capstone/projects/jammming-prj

  static async savePlaylist(playlistName, playlistTracks) {
    if (!playlistName || !playlistTracks) {
      return;
    }
    const headers = { Authorization: `Bearer ${accessToken}` };
    let userId = '';

    try {
      const response = await fetch('https://api.spotify.com/v1/me', {
        headers
      });
      const jsonResponse = await response.json();
      userId = jsonResponse.id;

      const payload = {
        method: 'POST',
        Authorization: `Bearer ${accessToken}`,
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ name: 'Test Playlist', public: false })
      };

      const playlist = await fetch(
        `https://api.spotify.com/v1/users/${userId}/playlists`,
        payload
      );

      console.log(await playlist.json());
    } catch (err) {
      console.log(err.message);
    }
  }

Hi All,
This is my Spotify component… Everything is working fine so far except when i make a request to create a playlist im getting a ‘No Token’ error… Even though my token has worked for getting my userId and everything else so far… I think my request may be put together wrong or something?? Any help is appreciated… And Merry Christmas to all