React Hook useEffect has a missing dependency

Question

I am having this problem to build my app. Anyone knows what is wrong?

React Hook useEffect has a missing dependency: 'conectar'. Either include it or remove the dependency array react-hooks/exhaustive-deps

const GraficoEquivalenteNovo = props => {
  const [equivalenteNovos, setEquivalenteNovos] = useState([]);
  const [data, setData] = useState([]);
  async function conectar() {
    const resposta = await ConexaoGraficoEquivalenteNovo(props);
    setEquivalenteNovos(resposta[0]);
    setData(resposta[1]);
  }
  useEffect(() => {
    conectar();
  }, [props]);

  return (....)
};

HoldOffHunger · Accepted Answer · 2020-08-10 19:40:44Z

2

Your hook depends on the function connectar which is declared outside the hook, but is internal to the render process. It is re-manufactured on every render. Therefore, React sees it as a volatile dependency. You could have the function outside your component but since the function itself uses state hooks and depends on props, move it into the effect hook.

useEffect(() => {
   async function conectar() { 
    const resposta = await ConexaoGraficoEquivalenteNovo(props); 
    setEquivalenteNovos(resposta[0]);
    setData(resposta[1]);
  } 

  conectar();
}, [props]);

edited Aug 10, 2020 at 19:40

HoldOffHunger

21.3k11 gold badges123 silver badges146 bronze badges

answered Jun 10, 2019 at 14:11

Avin Kavish

9,0872 gold badges27 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

James Over a year ago

The first scenario would be a pointless exercise given conectar is created on every render.

Avin Kavish Over a year ago

Yes, I'm about to remove it.

Vencovsky Over a year ago

you have missing denpendency such as setEquivalenteNovos, setData and ConexaoGraficoEquivalenteNovo

Avin Kavish Over a year ago

@Vencovsky State hooks are not considered dependencies. ConexaoGraficoEquivalenteNovo is imported from outside the function component so it's not a dependency. It must be some other problem.

Vencovsky Over a year ago

Maybe ConexaoGraficoEquivalenteNovo aren't a dependecy, but the other two are

|

Collectives™ on Stack Overflow

React Hook useEffect has a missing dependency

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related