BPMN React component

I try this code but BPMN does not display. its just blank page with bpmn logo on the bottom. How would I import BPMN file?


How does your code look like? Have you supplied the XML or a diagram URL as a prop? Is the URL reachable?

You can also have a look into the example folder for a usage example. I just tested it and it still works.

I just import bpmn file from local filesystem and include it in constructor state.
Screenshot from 2022-06-15 11-45-01
Is there any example to show how supply XML file in React component ?


It looks like you are getting the diagramXML from the props (I guess it is undefined) instead of the state.

What you want to do is something like const { diagramXML } = this.state; instead

Now I get this error?!
Screenshot from 2022-06-16 14-11-05

Without knowing your setup, it is very hard to guess what goes wrong. Might be your bpmn being broken, or not using a correct loader for the bpmn file.

For further assistance, please share a CodeSandbox that reproduces your issue in a way that we can inspect it.