the input field inside the template loses focus after typing a character

[akbarism]

i am using react hooks in this case, everything is running smoothly before any input text in the template,
looks like when typing a character the component re-renders, therefore the input field loses focus, is there any solution to this problem?

it seems it will really take a long time if I look for another package

By the way, I really like your work, it's very easy to understand than other packages!

[ljmzbigsmart]

I am having the same problem with this package, did you manage to solve it @akbarism? Tried multiple ways (taking the template component out to another function and other "hacky" ways, but same problem.

[Macil]

This type of issue usually happens from not using the itemKey prop correctly. A component merely re-rendering shouldn't cause it to lose state. It might be that you have the component's key changing in response to the user input, which will cause it to be freshly remounted.