Bug: ESLint react-hooks/rules-of-hooks: false positive `XXX` is a function created with React Hook "useEffectEvent", and can only be called from the same component

[Ayc0]

eslint-plugin-react-hooks version: 0.0.0-experimental-c260b38d-20250731

Steps To Reproduce

export const MyComponent = () => {
    const onView = useEffectEvent(() => {
        // On view
    });

    React.useEffect(() => {
        onView(); // ❌ Error: `onView` is a function created with React Hook "useEffectEvent", and can only be called from the same component
    }, []);

    return <div />;
};

This is a bit weird to get this reported as this seems to be correct: it's used in the same useEffect, not exported.

Also the same code works with the version 0.0.0-experimental-12bc60f5-20250613

The current behavior

This error is thrown

The expected behavior

This code should pass as per the react-hooks rules regarding useEffectEvent

[Ayc0]

I did some more digging:

Failing versions:

• 0.0.0-experimental-2f0e7e57-20250715
• 0.0.0-experimental-97cdd5d3-20250710

Passing versions:

• 0.0.0-experimental-ef8b6fa2-20250702
• 0.0.0-experimental-a7a11657-20250708
• 0.0.0-experimental-e6dc25da-20250709

I can also see a difference of 95.37 KiB between the 2025/07/09 and 2025/07/10 which seems to correlate with this change.

It could be related to #33544 as:

• it was merged the 2025-07-10
• I can see a change regarding this error specifically

[Ayc0]

I did some more more digging:

import { useEffectEvent } from 'use-effect-event';
import { useEffect } from 'react';

export const MyComponent = () => {
    const onView = useEffectEvent(() => {
        // On view
    });

    useEffect(() => {
        onView();
    }, []);

    return <div />;
};

This ⬆️ passes, but not this ⬇️:

import { useEffectEvent } from 'use-effect-event';
import * as React from 'react';

export const MyComponent = () => {
    const onView = useEffectEvent(() => {
        // On view
    });

    React.useEffect(() => {
        onView();
    }, []);

    return <div />;
};