title: Data not being fetched (React-redux)
body: <p>Hi so I'm doing a project with spotify api and I'm trying to get new releases. The data is being passed down to the reducer however when I call the fetch action in my App component and try to console.log the new releases (this.props.newAlbums) it's empty. Fetching user data still works, but fetching new releases doesn't.</p>
  
  <p>This is my fetch action in actions/index.js.</p>
  
  <pre><code>export const fetchUserData = (accessToken) =&gt; (dispatch) =&gt;{
      fetch('https://api.spotify.com/v1/me', {
          headers: {'Authorization': 'Bearer ' + accessToken}})
              .then(response =&gt; response.json())
              .then(data =&gt; 
                  dispatch({
                      type:"FETCH_USER_DATA",
                      payload: data
            })
          );
  };
  export const fetchNewAlbums = (accessToken) =&gt; dispatch =&gt;{
      fetch('https://api.spotify.com/v1/browse/new-releases?limit=5',{
          headers:{'Authorization': 'Bearer ' + accessToken}})
              .then(res =&gt; res.json())
              .then(albums =&gt;
                  dispatch({
                      type:"FETCH_NEW_ALBUMS",
                      payload:albums.albums.items
              })
          );
  }
  </code></pre>
  
  <p>This is the reducer for new releases (newAlbumReducer.js)</p>
  
  <pre><code>    const initialState={
      albums:null
  }
  
      const newAlbumReducer = (state=initialState,action)=&gt;{
          switch(action.type){
              case "FETCH_NEW_ALBUMS":
                  return{
                      ...state,
                      albums:action.payload
                  };
              default:
                  return state;
          }
      }
      export default newAlbumReducer; 
  </code></pre>
  
  <p>My store</p>
  
  <pre><code>import {createStore, applyMiddleware} from "redux";
  import rootReducer from "../reducers/rootReducer";
  import thunk from "redux-thunk";
  import logger from "redux-logger";
  
  const initialState = {};
  
  const store = createStore(
      rootReducer,
      initialState,
      applyMiddleware(thunk)
  );
  export default store;
  </code></pre>
  
  <p>And my App.js</p>
  
  <pre><code>import React, {Component} from 'react';
  import "../css/style.css";
  import queryString from 'query-string';
  import {connect} from "react-redux";
  import PropTypes from "prop-types";
  import {fetchUserData,fetchNewAlbums} from "../actions/index.js";
  import SignInButton from "../components/SignInButton";
  import SearchBar from "../components/SearchBar";
  import MusicCards from "../components/Cards/MusicCards";
  class App extends Component {
    constructor(props){
      super(props);
      this.state = {
        isShowAlbumsClicked:false
      };
      this.handleSignIn = this.handleSignIn.bind(this);
      this.handleShowAlbumsClick = this.handleShowAlbumsClick.bind(this);
    }
    componentDidMount(){
      let parsed = queryString.parse(window.location.search);
      let accessToken = parsed.access_token;
      if(!accessToken){
        return;
      }
      this.setState({
        accessToken:accessToken
      })
  
      this.props.fetchUserData(accessToken);
      this.props.fetchNewAlbums(accessToken);
      console.log(this.props.newAlbums);
    }
    handleSignIn(e){
      e.preventDefault();
      window.location=window.location.href.includes('localhost') ? 'http://localhost:8888/login':'https://something.herokuapp.com/login'
    }
    handleShowAlbumsClick(e){
      this.setState({
        isShowAlbumsClicked:!this.state.isShowAlbumsClicked
      })
    }
    render(){
        return (
          &lt;div className="app"&gt;
            {this.props.userData ?
            &lt;div&gt;
              &lt;h1 style={{'fontSize': '40px', 'marginTop':'1%'}}&gt;
                Welcome {this.props.userData.display_name} to Find Your Music
              &lt;/h1&gt;
              &lt;SearchBar/&gt;
              {this.state.isShowAlbumsClicked ?
              &lt;div&gt;
                &lt;MusicCards/&gt;
              &lt;/div&gt; : &lt;h2 onClick={this.handleShowAlbumsClick}&gt;Show&lt;/h2&gt;
            }
            &lt;/div&gt; : &lt;SignInButton handleSignIn={this.handleSignIn}/&gt;
            }
          &lt;/div&gt;
        );
    }
  }
  App.propTypes={
    fetchUserData:PropTypes.func.isRequired,
    fetchNewAlbums:PropTypes.func.isRequired,
    userData:PropTypes.object,
    newAlbums:PropTypes.object
  }
  
  const mapStateToProps = (state) =&gt;{
    return{
      userData: state.userData.data,
      newAlbums: state.newAlbum.albums
    };
  };
  const mapDispatchToProps = {
      fetchUserData,
      fetchNewAlbums
  }
  export default connect(mapStateToProps, mapDispatchToProps)(App);
  </code></pre>