Javascript 完整日历图标组件作为自定义标题按钮

我正在尝试添加一个从包中获取的图标，作为我的应用程序中的自定义标题按钮。因为图标是从包中导出的，没有用作类名，所以我似乎无法呈现该图标或任何图标。我希望你能这样做：

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

以前有人试过这个吗？我不介意采取哪种方法，只要我可以加载一个图标作为自定义按钮

已更新

发布我的完整日历组件，获取自定义按钮道具以供参考：

已更新 代码段而不是照片：

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

请不要发布代码的图片，这无助于任何想重新使用代码的人修改代码或制作演示。您已将其他代码正确地发布为文本，因此请在底部更新相同的代码。谢谢。请改用代码段编辑，谢谢。

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