Bug: exhaustive-deps rule doesn't report for useInsertionEffect

[luin]

React version: 18
eslint-plugin-react-hooks version: 4.6.2

Steps To Reproduce

Run eslint. with eslint-plugin-react-hooks with the following two code:

1. useEffect:

const App = ({ id }: { id: string }) => {
  useEffect(() => {
    document.title = id;
  }, []);
};

2. useInsertionEffect:

const App = ({ id }: { id: string }) => {
  useInsertionEffect(() => {
    document.title = id;
  }, []);
};

The current behavior

The plugin reports a warning for the first case and doesn't for the second.

The expected behavior

For both cases the plugin should report a warning.

As a workaround, I currently have to update the config:

        'react-hooks/exhaustive-deps': [
          'warn',
          {
            additionalHooks: 'useInsertionEffect',
          },
        ],

[glyph-cat]

This has been bothering me for a while too. Thank you for opening this issue, this was the last push that I needed.

I finally decided to dig through the code and I found that it was only missing one line of code in ExhaustiveDeps.js:

react/packages/eslint-plugin-react-hooks/src/ExhaustiveDeps.js

Lines 1798 to 1804 in 3b009b4

	switch (node.name) {
	case 'useEffect':
	case 'useLayoutEffect':
	case 'useCallback':
	case 'useMemo':
	// useEffect(fn)
	return 0;

 switch (node.name) { 
    case 'useEffect': 
    case 'useLayoutEffect': 
+   case 'useInsertionEffect': 
    case 'useCallback': 
    case 'useMemo': 
      // useEffect(fn) 
      return 0; 

I have created PR #31969 (tests included), which should address this issue and is currently awaiting for review. Do let me know if you have any additional thoughts on this in the meantime.