Replace useRouter

Author: velopert

src/containers/base/HeaderContainer.tsx

@@ -4,8 +4,7 @@ import { getScrollTop } from '../../lib/utils';
 import { RootState } from '../../modules';
 import { useSelector, useDispatch } from 'react-redux';
 import { showAuthModal } from '../../modules/core';
-import { useRouteMatch } from 'react-router';
-import useRouter from 'use-react-router';
+import { useLocation } from 'react-router';
 
 const { useEffect, useRef, useCallback } = React;
 
@@ -56,8 +55,8 @@ function reducer(state: FloatingState, action: Action) {
 }
 
 const HeaderContainer: React.FC<HeaderContainerProps> = () => {
-  const router = useRouter();
-  const isSearch = router.match.path === '/search';
+  const location = useLocation();
+  const isSearch = location.pathname === '/search';
 
   const { user, custom, userLogo, velogUsername } = useSelector(
     (state: RootState) => ({

src/containers/write/PublishActionButtonsContainer.tsx

@@ -12,15 +12,16 @@ import {
 import { pick } from 'ramda';
 import { escapeForUrl, safe } from '../../lib/utils';
 import { useMutation } from '@apollo/react-hooks';
-import useRouter from 'use-react-router';
+
 import { setHeadingId } from '../../lib/heading';
+import { useHistory } from 'react-router';
 
 type PublishActionButtonsContainerProps = {};
 
 const PublishActionButtonsContainer: React.FC<
   PublishActionButtonsContainerProps
 > = () => {
-  const { history } = useRouter();
+  const history = useHistory();
 
   const options = useSelector((state: RootState) =>
     pick(