Set custom icons / buttons of Link Tooltip Component in React

[Keylekan]

I am writing a custom Milkdown editor for my React application. I already successfully implemented a tooltip menu with the help of usePluginViewFactory, but I am struggling with the configuration of the Link Tooltip Component. I don't see a way of using my custom React components. Here is a sample of my code :

const MilkdownEditorContent: React.FC = () => {
    const pluginViewFactory = usePluginViewFactory();

    useEditor((root) =>
        Editor.make()
            .config(nord)
            .config(configureLinkTooltip)
            .config((ctx) => {
                ctx.set(rootCtx, root);
                ctx.set(tooltip.key, {
                    view: pluginViewFactory({
                        component: MilkdownToolbar,
                    }),
                });
                ctx.update(linkTooltipConfig.key, (defaultConfig) => ({
                    ...defaultConfig,
                    linkIcon: () => <MyIcon />, // I can put anything here it doesn't work because it is JSX
                }));
            })
            .use(commonmark)
            .use(gfm)
            .use(linkTooltipPlugin)
            .use(tooltip),
    );

    return <Milkdown />;
};

Is there a way to make it work, maybe by using something similar to usePluginViewFactory ?

[Saul-Mirone]

I don't think there's a way to make it work for now because the icon only accept dom and atomico html directive.