const next = () => {
    if (query.hasMore) {
      dispatch({ type: 'error', payload: { error: '' } });
      query.limit = 50;
      query.reverse = true;
      query.load((err, fetchedMessages) => {
        if (!err) {
          dispatch({ type: 'fetch-messages', payload: { messages: fetchedMessages } });
        } else {
          dispatch({ type: 'error', payload: { error: 'Failed to get the messages.' } });
        }
      });
    }
  };