How to add the blocks dynamically using editor.addComponents()?

I have custom grapesjs jsx component with id="custom-component", it works when I use `editor.addComponents(<custom-component />)`

Now I know the Link Block has id="link-block", but `editor.addComponents(<link-block />)` does not work?

Is it because they are not jsx components?

Would be really helpful if someone points me in the right direction
