Draggable and NodeViews

I am facing same issue drag is working but original one is not going away.

I am just using toDom and parseDom do not have custom nodeViews

const macroNode = {
	group: 'block',
	atom: true,
	attrs: {
		macroId: ''
	},
	selectable: true,
	draggable: true,
	toDOM: node => {
			return ["div", {
					"data-type": "macro",
					"macro-id": node.attrs.macroId
			}, ["custom-tag",0]];
	},
	parseDOM: [{
			// match tag with following CSS Selector
			tag: "div[data-type=macro]",

			getAttrs: dom => {
					var macroId	= dom.getAttribute("macro-id");
					return {
							macroId
					};
			}
	}]