When you want to find a state which one is affecting in re-rendering your component

react-check-re-render-state.js

// React-Hooks
import {useEffect, useRef} from 'react'

// Suppose you have three state : restaurant, address, weather. and you want to find which state is affecting in rendering
console.log('restaurant' , restaurant);
useEffect(()=>{
  console.log('restaurant effect', restaurant);
},[restaurant]);

console.log('address' , address);
useEffect(()=>{
  console.log('address effect', address);
},[address]);

console.log('weather' , weather);
useEffect(()=>{
  console.log('weather effect', weather);
},[weather]);

// If you find the state, you can compare previous state with current state, using useRef.
// I guess address display "address effect" in console

const refAddress = useRef(address);
useEffect(()=>{
  console.log(refAddress.current, address, refAddress === address)
}