How to disable the rule react-hooks/exhaustive-deps?

I’m trying to disable the rule react-hooks/exhaustive-deps. I’ve tried adding "react-hooks/exhaustive-deps": "off", to .eslintrc without any luck.

How do I disable this rule? Thanks!

[WesCossick]

For us, one of the primary places we’re receiving this warning is for useEffect hooks that we only want to run when the component mounts, and never again for that component.

As a concrete example, the app we’re working on can display a small notification in the top right corner that automatically disappears after 15 seconds. Here’s a super trimmed down version of what that might look like:

// Imports
import React, { useEffect } from 'react';


// Export component
export default (props) => {
    // Handle hiding this notification
    const hideSelf = () => {
        // In our case, this simply dispatches a Redux action
    };
    
    
    // Automatically hide the notification
    useEffect(() => {
        setTimeout(() => {
            hideSelf();
        }, 15000);
    }, []);
    
    
    // Return JSX
    return (
        <div className='notification'>
            Just an example <button onClick={hideSelf}>Close button</button>
        </div>
    );
};

This complains because hideSelf is not a dependency listed in the useEffect hook. But that’s intentional; we only want that hook to run when this component mounts.

Is there a better way to design this? Or would this be a false positive?

[raRaRa]

The empty brackets very clearly indicate that the effect only runs when the component mounts

This is one of the reasons I don’t want to add “unnecessary” things to my deps, as it makes the code look more complex and confusing. I totally agree that empty brackets tell you that it’s CDM. There are many cases in my app where I just want to fetch once when the component mounts, but now I need to choose whether I want to add bunch of // eslint-disable-next-line react-hooks/exhaustive-deps lines or add the props as deps, but then I need to make sure the effect doesn’t run any code when one of the deps changes. @gaearon I believe this is the main problem with this rule or hook. Perhaps we just need more hooks or options?