🔧 Fix React Scripts devServer.close compatibility with Node.js v20+

[Aswinmcw]

🐛 Problem\n\nWhen using Node.js v20+ (including v24) with React Scripts 5.0.1, the development server crashes on shutdown with:\n\n\nTypeError: devServer.close is not a function\n at process.<anonymous> (/path/to/react-scripts/scripts/start.js:144:19)\n\n\nThis happens because webpack-dev-server v4+ changed the shutdown API, but React Scripts wasn't updated to handle both the old and new methods.\n\n## ✅ Solution\n\nThis PR implements a robust compatibility fix using patch-package:\n\n### 🔧 Changes Made\n\n1. Added patch-package dependency for persistent fixes\n2. Created comprehensive shutdown handler that supports:\n - devServer.close(callback) (webpack-dev-server v3)\n - devServer.stop() (webpack-dev-server v4+)\n - Graceful fallback to process.exit()\n3. Added proper error handling with callbacks and promises\n4. Automated patch application via postinstall script\n\n### 📁 Files Changed\n\n- client/package.json - Added patch-package dependency + postinstall script\n- client/patches/react-scripts+5.0.1.patch - Permanent fix for devServer shutdown\n\n### 🧪 Testing\n\n✅ Before: Pressing Ctrl+C crashed with TypeError \n✅ After: Clean shutdown with proper cleanup \n✅ Compatibility: Works with Node.js v18, v20, v22, v24+ \n✅ Persistence: Survives npm installs via patch-package \n\n## 🎯 Impact\n\n- Fixes development workflow interruption\n- Maintains compatibility with all modern Node.js versions\n- Zero breaking changes - transparent fix\n- Persistent solution - won't regress on dependency updates\n\n## �� Related Issues\n\nThis addresses the Node.js v20+ compatibility discussion and ensures smooth development experience for all team members using modern Node.js versions.\n\n---\n\n**Ready for review and testingpush -u origin fix/react-scripts-devserver-node-compatibility* 🚀

[github-actions]

🚀 Preview Deployment Ready!

Your PR has been successfully deployed and is ready for testing:

🌐 Preview Link

Frontend: https://pr-approval-finder-iuxr4jdxg-aswincoders-projects.vercel.app

📊 Deployment Details

• PR Number: 🔧 Fix React Scripts devServer.close compatibility with Node.js v20+ #30
• Branch: fix/react-scripts-devserver-node-compatibility
• Commit: f6f1837da23f8c3264f495039e8b73447ceb8dd8
• Deployment: GitHub-hosted runner

🧪 Test Your Changes

You can now test the PR approval finder with your changes:

1. Visit the preview URL above
2. Enter a GitHub PR URL to test functionality
3. Verify all features work as expected

📝 Notes

• This preview will be automatically updated when you push new commits
• The deployment will be cleaned up when the PR is closed
• Note: This is a static frontend deployment. For full-stack testing with the API, use a self-hosted runner.

---

Deployed by GitHub Actions • View Workflow