title: Handling Pagination with Redux and Material UI
body: <p>Im getting some problems with finishing the pagination on my table.</p>
  
  <p>This is my table:</p>
  
  <pre><code>&lt;Table&gt;
      &lt;TableHead&gt;
          &lt;TableRow&gt;
              &lt;TableCell&gt;Username&lt;/TableCell&gt;
              &lt;TableCell&gt;Log level&lt;/TableCell&gt;
              &lt;TableCell&gt;Date&lt;/TableCell&gt;
              &lt;TableCell&gt;Message&lt;/TableCell&gt;
              &lt;TableCell&gt;Details&lt;/TableCell&gt;
          &lt;/TableRow&gt;
      &lt;/TableHead&gt;
  
      &lt;TableBody&gt;
          { this.props.logs.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((el,ix) =&gt; (
          &lt;TableRow key={ix}&gt;
              &lt;TableCell&gt;{el.username}&lt;/TableCell&gt;
              &lt;TableCell&gt;{el.logLevel}&lt;/TableCell&gt;
              &lt;TableCell&gt;{el.createdTime}&lt;/TableCell&gt;
              &lt;TableCell&gt;{el.message}&lt;/TableCell&gt;
              &lt;TableCell&gt;{el.details}&lt;/TableCell&gt;
          &lt;/TableRow&gt;
          ) )}
      &lt;/TableBody&gt;
  
      &lt;TableFooter&gt;
          &lt;TableRow&gt;
              &lt;TablePagination component="div" count= {this.props.logs.length}
                  rowsPerPage={this.props.rowsPerPage}
                  page={this.props.page}
                  onChangePage={this.handleNextPageClick}
                  onChangeRowsPerPage={this.handleChangeRowsPerPage}
               /&gt;
          &lt;/TableRow&gt;
      &lt;/TableFooter&gt;
  &lt;/Table&gt;
  </code></pre>
  
  <p>I´ve setted the handleNextPageClick function to execute on onChangePage, this is the function:</p>
  
  <pre><code>handleNextPageClick(){
      this.props.dispatch(nextPage(this.props.page))
  }
  </code></pre>
  
  <p>Function has already been imported on top also...</p>
  
  <p>This is my action on redux:</p>
  
  <pre><code>export function nextPageClick(page){
      type: LOGS_NEXTPAGECLICK_PAGINATION,
      page
  }
  
  export function nextPage(currentPage){
      return dispatch =&gt; {
          currentPage = currentPage + 1;
          dispatch(nextPageClick(currentPage));
      }
  }
  </code></pre>
  
  <p>This is my reducer where I handle the state:</p>
  
  <pre><code>export default function logsStore(state = defaultState, action) {
      switch(action.type) {
          case actions.LOGS_NEXTPAGECLICK_PAGINATION:
              return { ...state, page: action.page}
              break;
          default:
          return state;
      }
  }
  </code></pre>
  
  <p>Reducer has lots of cases but it would be too much code that doesnt has to do with the problem.</p>
  
  <p>So when I try to select next page button on navigation I get this error:</p>
  
  <p>×
  TypeError: Cannot read property 'Symbol(Call API)' of undefined</p>