[core] Adopt eslint-plugin-react-compiler

[aarongarciah]

Context

The React Compiler optimizes code that follows the rules of React. In order to make it easier to write React compliant code, the React team released an ESLint plugin that reports broken React rules: eslint-plugin-react-compiler.

The compiler requires React 19, but the ESLint plugin can be adopted earlier to be prepared.

Motivation

• Follow the rules of React in our code so it can be optimized by the React compiler in the future.
• Follow React best practices in all of our demos that our consumers use.

Note: at the time of writing the ESLint is experimental but it has proven to be useful for the Toolpad team.

Tasks

• Configure the ESLint plugin. Only activate locally and manually while it's experimental ([core] Configure eslint-plugin-react-compiler #42555)
• Disable the ESLint plugin for Base ([core] Disable eslint-plugin-react-compiler for Base #42563)
• [core] Fix eslint-plugin-react-compiler issues #42564

Search keywords: react compiler, eslint