How to render component in event areas's html?

I have tried loading a component (<tw-popover-teams></tw-popover-teams> ) in 'html' of event areas but could not achieve. Please suggest.

args.e.areas.push({
right: 6,
bottom: 0,
left: 0,
visibility: 'Visible',
html: ' <div class="popover-content popover-body"> <tw-popover-teams></tw-popover-teams> </div> '
});