Unable to get the advanced configuration passProps to work

[wip-abramson]

I am attempting to change the color of the arrow onHover. Figured I would use the passProps feature as follows:

passProps= {{
                onMouseEnter: () => setIsHovered(true),
                onMouseLeave :() => setIsHovered(false),
                onClick: () => console.log("head clicked!"),
                cursor: "pointer",
                pointerEvents: "auto"
            }}

However, none of these props take effect on the arrow.

To Reproduce

1. Define an Xarrow react element with valid start and end references to components
2. Set passProps value as above
3. Attempt to hover or click on the Xarrow

Has anyone else had any success using this feature?

[TracyYXChen]

all props above work for me, however, I can't change the color based on isHovered