onTouchTap is not working when React component is embedded within angular app

[rdkrish]

We are in a transition phase trying to move few modules of our angular app to react components. We are using ngReact library to embed React components into existing angular app.

If I render the independent React component in a browser, onTouchTap events work perfectly! But the same component, if I embed in the angular app, component rendering is fine, but events are not getting fired.

Any help would be deeply appreciated!

Thanks in advance!

[madjam002]

I have never used ngReact, but I imagine it's something to do with how it wraps the React component in an Angular directive (or whatever it is).

Can you post your angular code which is rendering the React element?

Also try making sure that you're calling injectTapEventPlugin and you don't have two copies of React on the page or two different versions.

[rdkrish]

@madjam002 Thanks for the quick reply.

I have made sure that injectTapEventPlugin is called only once. As you said, I may have to look at how the ngReact module wraps the React component.

[maddrag0n]

@rdkrish I am using it with ngReact without issues.