React Hook useEffect has missing dependencies: 'getData', 'isAuthorized', and 'props'. Either include them or remove the dependency array

Asked Jun 30 '21 at 04:15

Active Jun 30 '21 at 04:15

Viewed 94 times

"React Hook useEffect has missing dependencies: 'getData', 'isAuthorized', and 'props'. Either include them or remove the dependency array. However, 'props' will change when any prop changes, so the preferred fix is to destructure the 'props' object outside of the useEffect call and refer to those specific props inside useEffect"

This is the warning I got when I'm trying to use useEffect. How can I solve this?

useEffect(() => {
        props.handleHeaderTitle("Approval State");
        getData();
        isAuthorized();
    }, [projectId])

asked Jun 30 '21 at 04:15

Irushan

https://reactjs.org/docs/hooks-faq.html#is-it-safe-to-omit-functions-from-the-list-of-dependencies – RIYAJ KHAN Jun 30 '21 at 04:23
you need to add then to dependency list, the array in which you have written projectID, eg. [getData, isAuthorized, props] – Blatzo Jun 30 '21 at 04:55
Thank you @RIYAJKHAN. I found a solution from React documentation – Irushan Jun 30 '21 at 05:17

React Hook useEffect has missing dependencies: 'getData', 'isAuthorized', and 'props'. Either include them or remove the dependency array

0 Answers0