Центрированные выпадающие меню в Purecss Framework

Деструктурирование с использованием шаблона массива использует итерацию в фоновом режиме, то есть разрушаемое значение должно быть итерируемым.

На самом деле, в Firefox сообщение об ошибке кажется более показательным:

TypeError: (destructured parameter) не является итерируемым

Это то, где сравнение, которое вы делаете при оценке 1[0], 1[1], 1[2], идет не так: для этого не требуется 1.

Более правильным сравнением было бы это сделать:

console.log([...1]);
// or:
const [a, b, c] = 1;

... и этот код не сработает.