Как выполнить фильтрацию из двух разных массивов в react-native?

Мне нужно отобразить историю расходов, сгруппированных по месяцам, и в заголовке каждого месяца должны отображаться общие расходы за этот месяц. Я хочу, чтобы в списке разделов отображались расходы за каждый месяц, и для хранения данных я использую встроенную в реакцию серверную базу firebase. Но как мне отфильтровать транзакции по месяцам и отобразить их под соответствующим заголовком месяца?

    componentDidMount() {
    //Querying
    firestore()
      .collection('expenses')
      .orderBy('dateTime', 'desc')
      .get()
      .then((querySnapshot) => {
        const expenses = [];
        querySnapshot.forEach((documentSnapshot) => {
          console.log('documentordered', documentSnapshot.data());
          expenses.push({...documentSnapshot.data(), key: documentSnapshot.id});
        });

        const expenseData = expenses.map((item) => ({
          title: moment(item.dateTime).format('MMMM'),
          data: this.filterExpenses(expenses),
        }));
        // this.setState({expenseHistory: expenses}, () => {
        // });
      });
  }

filterExpenses(expenses) {
    var filtered = expenses.filter((item) =>
      monthNames.forEach((element) => {
        element == moment(item.dateTime).format('MMMM');
      }),
    );

    console.log('keys', filtered); //Getting output as "keys", []
  }

createCollection = () => {
    Keyboard.dismiss();
    firestore()
      .collection('expenses')
      .add({
        expenseNote: this.state.expenseNote,
        expenseValue: this.state.expenseValue,
        category: this.state.category,
        dateTime: moment().format(),
      })
      .then(() => {
        this.setState({
          expenseNote: '',
          expenseValue: '',
          category: '',
          dateTime: '',
        });
      });
  };

Это мои данные о расходах и данные за месяц.

const monthNames = [
  'January',
  'February',
  'March',
  'April',
  'May',
  'June',
  'July',
  'August',
  'September',
  'October',
  'November',
  'December',
];

const expenses = [
  {
    category: 'Home',
    dateTime: '2020-11-25T12:08:08+05:30',
    expenseNote: 'abc',
    expenseValue: 200,
    key: 'm0NSjh78vl3lLdXz7tlE',
  },
  {
    category: 'Shopping',
    dateTime: '2020-10-25T18:47:08+05:30',
    expenseNote: 'Shop',
    expenseValue: 123,
    key: 'K3xcuRAD83B15I4mBYnK',
  },
  {
    category: 'Travel',
    dateTime: '2020-10-25T12:47:08+05:30',
    expenseNote: 'Uber',
    expenseValue: 100,
    key: 'M0Qbwtzz5mzQzo3N4b9e',
  },
  {
    category: 'Home',
    dateTime: '2020-10-25T12:08:08+05:30',
    expenseNote: 'Hotel',
    expenseValue: 300,
    key: 'aXocTlJlCvJTl5w5MREr',
  },
];