use next/link and navigate to /permalink

packages/app/src/components/PageAlert/OldRevisionAlert.tsx

@@ -1,20 +1,27 @@
 import React from 'react';
+
+import Link from 'next/link';
 import { useTranslation } from 'react-i18next';
+
 import { useIsLatestRevision } from '~/stores/context';
+import { useSWRxCurrentPage } from '~/stores/page';
 
 export const OldRevisionAlert = (): JSX.Element => {
 
-  const { t } = useTranslation()
+  const { t } = useTranslation();
   const { data: isLatestRevision } = useIsLatestRevision();
+  const { data: page } = useSWRxCurrentPage();
 
-  if (isLatestRevision == null || isLatestRevision) {
-    return <></>
+  if (page == null || isLatestRevision == null || isLatestRevision) {
+    return <></>;
   }
 
   return (
     <div className="alert alert-warning">
       <strong>{ t('Warning') }: </strong> { t('page_page.notice.version') }
-      <a href="{ encodeURI(page.path) }"><i className="icon-fw icon-arrow-right-circle"></i>{ t('Show latest') }</a>
+      <Link href={encodeURI(page._id)}>
+        <a><i className="icon-fw icon-arrow-right-circle"></i>{ t('Show latest') }</a>
+      </Link>
     </div>
   );
 };