React Hooks useEffect вызывается снова при изменении маршрута

Question

Весь код здесь: https://codesandbox.io/s/polished-sea-krlff

Основная проблема заключается в том, что useEffect снова вызывается при изменении маршрута.

1. Go на страницу сотрудника с главной страницы Hooks: props.history.pu sh ('/ employee');
2. Вернитесь на страницу HooksMain со страницы сотрудника через : props.history.pu sh ('/');
3. Это снова вызывает useEffect и другой вызов службы, хотя это зависит от параметра "test".

Подробности ниже:

1-й функциональный компонент:

import React, {
  useState,
} from 'react';

function HooksMain(props) {
  const [test, setTest] = useState('');

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

   const redirectToNewPage = () => {
    props.history.push('/employee');
  };

return (
//Return something
)
}

Когда я перенаправляю обратно на HooksMain со страницы сотрудника, снова запускается useEffect. В моем исходном коде это вызывает вызов веб-службы, который я не хочу. Он продолжает делать дополнительный сервисный звонок.

Запросить помощь!