Upgrade ESLint Configuration to Flat Config for TypeScript, JSX, and JavaScript

[sheikhlimon]

Description

I originally added ESLint and Prettier to the repository, including the .eslintrc.cjs configuration. Now, I am upgrading the setup to a flat config eslint.config.mjs to ensure it works properly for TypeScript, TSX, JS, and JSX files, and to improve linting consistency across the codebase.

Current Behavior

• ESLint shows parsing errors (React is not defined, Unexpected token interface, etc.)
• Console statements produce warnings (no-console) in many files
• TypeScript/JSX files are not fully linted correctly

Steps to Reproduce

1. Clone the repository
2. Run npm install
3. Run npm run lint

Expected Behavior

• ESLint parses TypeScript and JSX files correctly
• Console statements are allowed where needed (no-console disabled)
• Only relevant TypeScript/React linting issues are reported
• The linting setup works consistently across JS, JSX, TS, and TSX files

Suggested Fix / Solution

• Upgrade the ESLint configuration to eslint.config.mjs with a flat config
• Allow console statements by turning off no-console
• Keep @typescript-eslint warnings for unused variables and any usage
• Ensure React is defined globally in TSX files

[github-actions]

Thanks for opening this issue! 🎉 We'll look into it as soon as possible, estimated time for response is 5–8 hrs.

Don't raise PR unless assigned to you.

In the meantime, please provide all necessary details and context to your issue — screenshots or videos of your changes help speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your issue goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Resources which can help you know more about Github 👇🏻

1. End to End GitHub Beginner Playlist: GitHub Playlist.

2. Build your GitHub Profile: GitHub Profile Optimisation.

3. GitHub Handbook for dummies: GitHub Blog for Beginners.

[github-actions]

👤 Issue assigned to @sheikhlimon.

[github-actions]

✅ This issue has been closed. Thank you for your contribution!