Implement React logic with TypeScript hooks

Using React and TypeScript, implement a small UI that manages a list (add, edit, remove, filter). Use useState, useCallback, onChange, onClick, and useRef appropriately, and map over lists with stable keys. Explain controlled vs. uncontrolled inputs, asynchronous state updates, and how you pass and type parameters for event handlers. Discuss relevant security concerns in the UI and how you would mitigate them. If time permits, describe how you would extend the solution and how you would test it.