https://blog.battlefy.com/how-to-escape-react-hooks-hell-a66c0d142c9e Unnecessary useEffect

unnecessary useEffect with function.js

// BEFORE
const [state, setState] = useState();

useEffect(() => {
  setState(calculateInitialState());
}, []);


// AFTER
const [state, setState] = useState(calculateInitialState);

unnecessary useEffect with value.js

// BEFORE
const [state, setState] = useState();

useEffect(() => {
  setState('loading');
}, []);


// AFTER
const [state, setState] = useState('loading');