import React from 'react' ; import { DefaultRender } from './DefaultRender' ; import { useInternalEditor } from '../editor/useInternalEditor' ; import { useInternalNode } from '../nodes/useInternalNode' ; type RenderNodeToElementType = { render ? : React . ReactElement ; } ; export const RenderNodeToElement = ( { render , } ) => { const { hidden } = useInternalNode ( ( node ) => ( { hidden : node . data . hidden , } ) ) ; const { onRender } = useInternalEditor ( ( state ) => ( { onRender : state . options . onRender , } ) ) ; if ( hidden ) { return null ; } return React . createElement ( onRender , { render : render || < DefaultRender /> }); } ;