Uncaught TypeError: undefined не является итерабельным (невозможно прочитать свойство Symbol(Symbol.iterator))

Я хочу, чтобы через checkbox приходили некоторые данные из массива. Но когда я выбираю его, появляется ошибка

Screenshort

{groupList && groupList.length > 0 && (
    <div className="form-check form-check-inline">
        {groupList.map((group) => (
          <div>
            <input
              className="form-check-input"
              type="checkbox"
              id={group.id}
             
              value={group.id}
              onChange={(e) => {
                setGroups(
                  Array.from(
                    e.target.options,
                    (item) => item.value
                  )
                );
                
              }}
            />
            <label className="form-check-label" htmlFor={group.id}>
              {group.name}
            </label>
          </div>
        ))}  
  </div>
)}

Как решить?

Заранее спасибо.

Вернуться на верх