Adding Drag to select to your Konva app with React

In the Reciprocal.dev editor users can select multiple Steps and Connections by holding shift and dragging a selection area on the map

During the initial development of Reciprocal.dev I added a means for a user to select entities on the map. This would allow them to see a form in which they could update the data behind the selected Step or Connection and become a core part of the UX behind building an interactive user journey map in the editor.