How do I configure ESLint with React?

[magictalent]

Summary

How do I configure ESLint with React?

Additional information

No response

Example

No response

[abhishekmardiya]

ESLint gets auto configured when you create a Next.js project and select Use ESLint.
You can still customize or extend the config later for more advanced setups.

When creating a new project on Next.js, you will get a prompt like:

What is your project named? my-app  
Would you like to use the recommended Next.js defaults?
    Yes, use recommended defaults - TypeScript, ESLint, Tailwind CSS, App Router, Turbopack
    No, reuse previous settings
    No, customize settings - Choose your own preferences

You can simply choose recommended defaults to get TypeScript + ESLint + Tailwind + App Router setup automatically.