基于~40分钟的探索，这个问题似乎可以归结为错误地使用了useReducer。
你需要替换你目前拥有的

const [cyclesState, dispatch] = useReducer(
  cyclesReducer,
  {
    cycles: [],
    activeCycleId: null,
  },
  () => {
    const storedStateAsJSON = localStorage.getItem(
      "@ignite-timer:cycles-state-1.0.0"
    );

    if (storedStateAsJSON) {
      return JSON.parse(storedStateAsJSON);
    }
  }
);

与

const [cyclesState, dispatch] = useReducer(
  cyclesReducer,
  {
    cycles: [],
    activeCycleId: null,
  },
  (initialState) => { // added argument
    const storedStateAsJSON = localStorage.getItem(
      "@ignite-timer:cycles-state-1.0.0"
    );

    if (storedStateAsJSON && storedStateAsJSON !== "undefined") { // check for "undefined" (as a string)
      return JSON.parse(storedStateAsJSON);
    }
    return initialState; // return default value
  }
);

如果让我猜这个bug是从哪里来的，看起来你以前没有使用localStorage，所以useReducer的第二个参数像你期望的那样工作。然后没有错误，因为一个有效的状态存储在localStorage中。
添加第三个参数后，state的初始值基于该函数的返回值。useReducer的第二个参数作为useReducer的第三个参数中的第一个（也是唯一的）参数传入。
useReducer参考