How to fix Synthetic event pool is no longer used in React 17+ in React

// React 16 and earlier - required event.persist()
function handleClick(event: React.MouseEvent) {
  event.persist(); // No longer needed
  setTimeout(() => {
    console.log(event.type); // Would be null without persist() in React 16
  }, 100);
}

// React 17+ - event.persist() not needed
function handleClick(event: React.MouseEvent) {
  setTimeout(() => {
    console.log(event.type); // Works fine, properties stay accessible
  }, 100);
}

// .eslintrc.json
{
  "extends": ["plugin:react/recommended"],
  "rules": {
    // This rule is no longer relevant for React 17+
    "react/no-direct-mutation-state": "off"
  }
}

function handleChange(event: React.ChangeEvent<HTMLInputElement>) {
  const value = event.target.value; // Extract the value explicitly
  const name = event.target.name;
  
  setTimeout(() => {
    console.log(value, name); // Use extracted values
  }, 100);
}

## React 17 Event Pooling Removal

As of React 17:
- event.persist() is no longer needed
- Event properties remain accessible asynchronously
- Existing event.persist() calls are harmless but unnecessary
- Remove them during normal code maintenance

# Search for event.persist() calls
rg "event\.persist\(\)" --type ts --type tsx --type js --type jsx

# Or use find + sed for automated removal (review changes first!)
find src -name "*.tsx" -o -name "*.ts" | xargs sed -i "/event\.persist()/d"