Enable Drop after programatically calling addNode

[real-ashwin]

When we add a component programatically, we do:

const freshNode = query
    .parseReactElement(
      <Element
        is={MyComponent}
        id={`component-${Math.random()}`}
      ></Element>
    )
    .toNodeTree();
    const iter = selectedNodeId.values();
    const first = iter.next();
    const currentNodeId = first.value;
    actions.addNodeTree(freshNode, currentNodeId);

I am noticing that after doing this, the added component does not allow DROP of any other components.

Am I missing the connectors.create part which is causing this?

Like, when we drag and drop a component, we do:

return connectors.create(
            ref,
            <Element canvas is={MyComponent}></Element>
          );

So, question is:
How to do connectors.create when calling addNode so that DROP is enabled on the newly added component?