Вставка нескольких строк в массив с помощью флажка | React, MongoDB

Question

Я пытаюсь вставить несколько значений в массив.

Это моя схема, а «activity» - это массив строк:

const groupSchema = new Schema({
title: String,
initials: String,
description: String,
activities: [
  String
],

Во внешнем интерфейсе (React ) У меня есть такой флажок

          <label>
           <input type="checkbox" name="activities" value='volunteering' onChange={this.handleChange} />
            <span>Volunteering</span>
          </label>

          <label>
            <input type="checkbox" name="activities" value='Choir / Music' onChange={this.handleChange} />
            <span>Choir / Music</span>
          </label>

          <label>
            <input type="checkbox" name="activities" value='Travel' onChange={this.handleChange} />
            <span>Travel</span>
          </label>

          <label>
            <input type="checkbox" name="activities" value='Others' onChange={this.handleChange} />
            <span>Others</span>
          </label>

Я использую материализацию css.

Что происходит, все сохраняется в mongodb, но в этой части флажка только одно значение хранится.

Может кто поможет разобраться?