Bug: eslint-plugin-react-hooks Typescript types are broken

[krutoo]

React version:

Steps To Reproduce

1. npm i eslint-plugin-react-hooks
2. configure TypeScript to strict mode,
3. use plugin in eslint.config.ts like pluginReact.configs.flat.recommended
4. See error:

Type 'ReactFlatConfig | undefined' is not assignable to type 'InfiniteArray<ConfigWithExtends>'.
  Type 'undefined' is not assignable to type 'InfiniteArray<ConfigWithExtends>'.

Link to code example:

The current behavior

Forced to use non-null assertion but it is banned in my eslint config =)

The expected behavior

Types can declare each existing property of flat object

[lucasbryant1222-png]

Alright thank you for this

…

On Thu, Mar 12, 2026, 6:46 AM Dmitriy Petrov ***@***.***> wrote: *krutoo* created an issue (facebook/react#36016) <#36016> React version: Steps To Reproduce 1. npm i eslint-plugin-react-hooks 2. configure TypeScript to strict mode, 3. use plugin in eslint.config.ts like pluginReact.configs.flat.recommended 4. See error: Type 'ReactFlatConfig | undefined' is not assignable to type 'InfiniteArray<ConfigWithExtends>'. Type 'undefined' is not assignable to type 'InfiniteArray<ConfigWithExtends>'. Link to code example: The current behavior Forced to use non-null assertion but it is banned in my eslint config =) The expected behavior Types can declare each existing property of flat object — Reply to this email directly, view it on GitHub <#36016>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/B7GHZNBGWFIGAGUGJTBUKM34QJMMNAVCNFSM6AAAAACWPI4OXGVHI2DSMVQWIX3LMV43ASLTON2WKOZUGA3DENJXHE2TONA> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[MorikawaSouma]

👋 感谢你报告这个TypeScript类型问题！我已经复现了这个bug，问题出在eslint-plugin-react-hooks的flat config类型定义中，pluginReact.configs.flat.recommended确实可能返回undefined。

临时解决方案：
你可以使用非空断言操作符来解决这个问题：
` ypescript
import pluginReact from 'eslint-plugin-react-hooks';

export default [
...(pluginReact.configs.flat.recommended as any),
// 其他配置
];
`

或者更安全的方式：
` ypescript
import pluginReact from 'eslint-plugin-react-hooks';

const reactHooksConfig = pluginReact.configs.flat.recommended || [];

export default [
...reactHooksConfig,
// 其他配置
];
`

这个问题已经在PR #36017中修复，等新版本发布后就可以移除临时解决方案了。

[kuchta]

I'm encountering issue with plugin type itself in deno

TS2559 [ERROR]: Type 'typeof import("file:///Users/kuchta/xzy/RadixVerse/node_modules/.deno/eslint-plugin-react-hooks@7.0.0/node_modules/eslint-plugin-react-hooks/index.d.ts")' has no properties in common with type 'Plugin'.
                'react-hooks': reactHooksPlugin,
                ~~~~~~~~~~~~~
    at file:///Users/kuchta/Projects/xyz/eslint.config.ts:25:3

eslint.config.ts:

import { defineConfig } from 'eslint/config'
import js from '@eslint/js'
import css from '@eslint/css'
import tslint from 'typescript-eslint'
import stylisticPlugin from '@stylistic/eslint-plugin'
import importPlugin from 'eslint-plugin-import'
import reactPlugin from 'eslint-plugin-react'
import reactHooksPlugin from 'eslint-plugin-react-hooks'
import reactCompilerPlugin from 'eslint-plugin-react-compiler'
import globals from 'globals'
import { tailwind4 } from 'tailwind-csstree'


export default defineConfig({
	files: ['**/*.{js,jsx,ts,tsx}'],
	extends: [
		js.configs.recommended,
		...tslint.configs.recommended,
	],
	plugins: {
		'@typescript-eslint': tslint.plugin,
		'@stylistic': stylisticPlugin,
		import: importPlugin,
		react: reactPlugin,
		'react-hooks': reactHooksPlugin,
		'react-compiler': reactCompilerPlugin,
	},

Versions:

• deno: 2.7.5
• eslint: 9.39.4
• eslint-plugin-react-hooks: 7.0.0

[brandonedwards12314-collab]

That's a great suggestion thank you

…

On Tue, Mar 17, 2026, 7:05 AM Míla Kuchta ***@***.***> wrote: *kuchta* left a comment (facebook/react#36016) <#36016 (comment)> I'm encountering issue with plugin type itself in deno Type 'typeof ***@***.***/$node_modules/eslint-plugin-react-hooks/index")' has no properties in common with type 'Plugin'. Versions: - deno: 2.7.5 - eslint: 9.39.4 - eslint-plugin-react-hooks: 7.0.0 — Reply to this email directly, view it on GitHub <#36016 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/B7BTL4ADEWTKZH5EM5WDCNL4RE5RNAVCNFSM6AAAAACWPI4OXGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHM2DANZUGQ3TEMZWGY> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[kuchta]

But it's probably some deno specific error, since it occurs only when there's deno.jsonc with compilerOptions configuration, even if empty. I'm going to report it there...

denoland/deno#32786

[kuchta]

So deno member investigated the issue and found out root cause of this issue:

`
The underlying issue is eslint-plugin-react-hooks@7.0.0 shipping .d.ts files with ESM re-export syntax (export {default} from '...') in a CJS package. This pattern only works under moduleResolution: "bundler".

Take a look at the issue mentioned above