CODEWITHSUNDEEP
javascriptreactjsfirebasegoogle-cloud-firestore
Yashraj Deshmukh
Yashraj Deshmukh

Reputation: 1

useEffect fires multiple times even after changing parameters

Here is the code I am having problem

I was getting very high firebase reads from past few days so when checked I found it's because of the useEffect getting fired multiple times. if I change the parameter to [] it don't fetch anything.

I am created a related petition section where petition of particular category will be shown, when I set the parameter to relatedPetition it does work but the useEffect fires multiple times making my firestore reads high and when I just keep it [] it shows nothing in related section

Upvotes: 0

Views: 64

Answers (3)

Leech
Leech

Reputation: 542

It seems to cause infinite rendering. Why not putting the array stringified? See the link below. https://stackoverflow.com/a/59468261/19622195

Upvotes: 0

Vyra
Vyra

Reputation: 1

Hey yashraj this is a common problem with the useEffect hook, can i see the code inside the useEffect? so I can be able to help you more, but then to solve the problem add a variable to the dependency array [] a variable that is directly or indirectly affected by updates from data fetched from the firebase api,

would love to see the code, are you calling the api from useEffect hook?

Upvotes: 0

End
End

Reputation: 626

Go back to using [] for the second argument for useEffect. Then change your setRelatedPetition to setRelatedPetition([...somePetition]).

Upvotes: 1

Related Questions