Execution Order of Multiple useEffect Hooks

If there are multiple useEffect hooks in the same component => They are executed in the order they appear in the code after the render.

useEffect(() => {
  console.log('Effect 1');
}, []);

useEffect(() => {
  console.log('Effect 2');
}, []);

// Output
// Effect 1
// Effect 2