React hook useRender вызывается дважды, если выполняется аварийное завершение работы и после этого устанавливается состояние

Я не уверен, что это ожидаемое поведение, но если вы откажетесь от отправки (https://reactjs.org/docs/hooks-reference.html#bailing-out-of-a-dispatch) при использовании хука useReducer действие выполняется дважды, если оно с последующим рендерингом. Позволь мне объяснить:

// bailing out to prevent re-rendering
const testReducer = (state, action) => {
  switch (action.type) {
    case "ADD":
      state.test += 1
      return state;
  }
};

const myComponent = () => {
  let [totalClicks, setClicks] = useState(0);
    const [state, setState] = useReducer(testReducer, {
      test: 0,
    });

  const clickHandler = () => {
    setState({type: 'ADD'});
    setClicks((totalClicks += 1));
  };

  return (
    <div>
      <button onClick={clickHandler}>+</button>
      <p>{totalClicks}</p>
      <p>test count: {state.test}</p>
    </div>
  );
}

Когда вы нажимаете кнопку, state.test увеличивается на 2, а totalClicks увеличивается на 1. Однако, если бы я изменил редуктор так, чтобы он не переходил к одному, как показано ниже, они оба увеличились бы на 1 .

// non-bailing reducer
const testReducer = (state, action) => {
  switch (action.type) {
    case "ADD":
      return {
        test: state.test + 1,
      };
  }
};

Почему это? Это ожидаемое поведение или ошибка? Пример песочницы: https://codesandbox.io/s/sad-robinson-dds63?file=/src/App.js.

ОБНОВЛЕНИЕ: после выполнения некоторой отладки похоже, что такое поведение происходит только при обертке с помощью React.StrictMode

Кто-нибудь знает, что вызывает это ???