Попытка использовать вложенные карты в JSX не может заставить его работать

Question

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

Что я делаю неправильно?Заранее спасибо ..

                    <Workbook filename="example.xlsx" element={<button className="btn btn-lg btn-primary">Try me!</button>}>
                { dataArray.map((data) => 
                  <Workbook.Sheet data={data.rows} name={data.name}>
                    {
                      data.columns.map((col) =>
                          <Workbook.Column label={col.text} value={col.dataField} />
                      )
                    }
                  </Workbook.Sheet>
                }
                </Workbook>
              </Dropdown.Item>