[React] history를 이용한 브라우저 뒤로가기 감지

npm history

💡 npm install history

history

const history = createBrowserHistory()
...

useEffect(() => {
    return history.listen((location) => {
      if (history.action === "PUSH") {
        setLocationKeys([location.key]);
      }
      if (history.action === "POP") {
        if (locationKeys[1] === location.key) {
          setLocationKeys(([_, ...keys]) => keys);
        } else {
          setLocationKeys((keys) => [location.key, ...keys]);
          history.push("/detail");
        }
      }
    });
  }, [locationKeys, history]);