react-final-form-listeners | A collection of components to listen to React | Form library

First, I'd encourage you to do all of this without using an obscured package layer. This will help you truly understand the flow, but nevertheless, here's how you can call a function when the input changes:

• debounce (only executes once when a user stops typing for 500ms)
• throttle (batches then executes every 500ms)
• normal (executes on every input update)

In this case, I just created a debounced function outside of the render method. This varies when using classes instead of hooks:

Hooks: