Function Canvas

packages/grapesjs-react/src/Canvas.tsx:5–18

({ children, ...rest }: HTMLProps<HTMLDivElement>)

import { useEditorOptions } from './context/EditorOptions';

export default function Canvas({ children, ...rest }: HTMLProps<HTMLDivElement>) {
  const editorOptions = useEditorOptions();
  const canvasRef = useRef<HTMLDivElement>(null);

  useEffect(() => {
    canvasRef.current && editorOptions.setRefCanvas(canvasRef.current);
  }, [canvasRef.current]);

  return (
    <div {...rest} ref={canvasRef}>
      {children}
    </div>
  );
}