How to use React.createPortal in drag-drop components?

[cruxcode]

Please do not use React.createPortal directly while creating a drag-drop component. The React.createPortal function has been wrapped inside createPortal function from @atrilabs/core. This createPortal function takes the window object as an argument. To get this window object, use the useGlobalContext custom hook from "@atrilabs/core".This window object is actually the iframe.contentWindow inside the editor while the window object is the actual window in the generated app. The portals render immediately inside the editor while they render only after useEffect hooks have run in the generated app. This difference in behavior is to avoid hydration mismatch error while using React.createPortal in server side rendering.