antvis/XFlow ? reverse-engineered prompt

Build me a React based diagram editor for creating flowcharts and other interactive graphs. I want a clean workspace where users can drag, connect, move, resize, and rotate shapes on a canvas, with support for zooming, panning, centering, and fitting the whole diagram to view.

Please include useful editing tools like a grid background, snap guides, clipboard actions, undo and redo, and selection controls for transforming items. It should feel easy to drop into a React app and work out of the box, with the graph state and app state kept in sync so it is easy to manage. If it helps, use current docs online for any modern setup details.

Also make it possible to have more than one diagram on the page, each with its own independent state. I want the result to feel polished and practical for building real workflow style apps, not just a demo.