Render react component under TypeScript in grapes js editor

[Aadarsh4u-code]

Hi @artf, I hope you are doing well.
I have gone through the example of Integrating React components
#1970
and it's working fine on my end. Firstly I tried to open it in the Microsoft edge browser but it didn't work later on I tried in google chrome browser it works for me.

Main issues:
I tried to override your example at code sandbox with my custom react component, which has a button to trigger function events passed as props to the custom react component and set some values inside my state and its working fine. However, I tried the same above #1970 example in react with typescript, then components are visible inside grapes js canvas but click event is not working

Could you please provide some suggestions or ways to handle this in react typescript?

node version - ^8.11.3
typescript version: ^3.7.5
grapes js version: ^0.19.5

previously input element is not working but I made some change in base-react-component given below. then input is working now but the event on button still not working.

view: {
...
events: {
'keydown': function() {
this.render();
},
}

this page is similar to Linking component