When I tried the config snippet in the question by @Jonathan Kasser, I got an error: TypeError: context.getSource is not a function.

The solution is to use fixupPluginRules from @eslint/compat (you need to install this), so my eslint.config.js has a separate object in the config array:

import { fixupPluginRules } from "@eslint/compat";

  // Even though eslint-plugin-react-hooks exposes configs.recommended, it is not yet compatible with the flat file config, 
  // because it has plugins: [ 'react-hooks' ] property, but plugins should be an object
  // Once it is supported, replace with: eslintPluginReactHooks.configs.recommended,
  {
    plugins: {
      "react": reactPlugin, // remove this if you already have another config object that adds the react plugin
      "react-hooks": fixupPluginRules(eslintPluginReactHooks),
    },
    rules: {
      ...eslintPluginReactHooks.configs.recommended.rules,
    },
  },

Resources

• https://github.com/t3-oss/create-t3-turbo/issues/984#issuecomment-2210934687

Proof it works

I've confirmed this by having a code that should error, and saw the error:

  const [first, setfirst] = useState("");
  useEffect(() => {
    console.log(first);
  }, []);

8:6  warning  React Hook useEffect has a missing dependency: 'first'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

ESLint recently changed the default config format. The legacy .eslintrc file format is no longer enabled by default. Instead, the new ("flat") config format uses a file like eslint.config.js. You can read more about this on:

• https://eslint.org/docs/latest/use/configure/configuration-files: the new config files documentation
• https://eslint.org/docs/latest/use/configure/migration-guide: is a migration guide

For typescript-eslint specifically, the docs on https://typescript-eslint.io show both the flat and legacy configs. You can read about those on:

• https://typescript-eslint.io/getting-started: for the base 'getting started' guide
• https://typescript-eslint.io/getting-started/typed-linting: for adding in typed linting
• https://typescript-eslint.io/packages/typescript-eslint#config: for the optional tseslint.config helper function to get type information and a bit nicer extends support