Компонент Full Calendar React icon как настраиваемая кнопка заголовка

Question

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

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'
}} />