Полный компонент значка Calendar React в виде настраиваемой кнопки заголовка

Question

Я пытаюсь добавить значок, взятый из пакета response-icons , в качестве настраиваемой кнопки заголовка в моем Full Calendar . Поскольку значки экспортируются из пакета и не используются в качестве имен классов, я не могу отобразить этот значок или какие-либо значки в этом отношении. Я надеялся, что вы можете сделать что-то вроде этого:

const customButtons = {
        custom1: {
            icon: <MdWatchLater />,
            click: function () {
                ('clicked the custom button!');
            }
        }
    }

, но это вызывает ошибку. Однако этот подход тоже не работает (с использованием потрясающих иконок шрифтов), он просто отображает квадрат:

const customButtons = {
        custom1: {
            icon: "fa fa-lock",
            click: function () {
                ('clicked the custom button!');
            }
        }
    }

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

ОБНОВЛЕНО

Публикация моего компонента полного календаря с учетом пользовательские кнопки для справки:

ОБНОВЛЕНО Фрагмент кода вместо фотографии:

<CustomCalendar
  customButtons={customButtons}
  header={{
     right: '',
     center: '',
     left: 'today prev,next custom1'
}} />