useEffect with dependency on useShippingAddress is called 2x

Extensions
1

Can anyone enlighten me as to why this would be called twice when checkout loads?

useEffect(() => {
fetch();
}, [shippingAddress]);

2

Hi,

If shippingAddress is an object or array, even minor changes (like reference changes) will cause the useEffect to re-run. This could be what’s happening here?

3

Yes but no shippingAddress changes are taking place

4

Are you using any React hooks like useState ?

5

Yes - although seems like the entire function itself is firing 2x

6

Can you share the code? Or other details

7

Are you using React <StrictMode>?
Strict Mode renders components twice (on dev but not production) in order to detect any problems with your code and warn you about them (which can be quite useful).

1 Like
8

Holy cow you are right, I totally forgot about that.