fix view comments link with basename

Author: dwwoelfel

package.json

@@ -26,6 +26,7 @@
     "react-markdown": "^4.1.0",
     "react-relay": "^5.0.0",
     "react-router-dom": "^5.0.1",
+    "react-router-hash-link": "^1.2.2",
     "react-router-scroll-memory": "^2.0.3",
     "react-syntax-highlighter": "^11.0.2",
     "serialize-javascript": "^1.7.0",

src/Post.js

@@ -15,10 +15,11 @@ import AddIcon from './addIcon';
 import Tippy, {TippyGroup} from '@tippy.js/react';
 import 'tippy.js/themes/light-border.css';
 import {Link} from 'react-router-dom';
+import {HashLink} from 'react-router-hash-link';
 import {postRootQuery} from './App';
 import GitHubLoginButton from './GitHubLoginButton';
 import {NotificationContext} from './Notifications';
-import {Box, Heading, Text, Anchor} from 'grommet';
+import {Box, Heading, Text} from 'grommet';
 import UserContext from './UserContext';
 import {lowerCase, sentenceCase} from 'change-case';
 
@@ -370,9 +371,9 @@ const Post = ({relay, post}: Props) => {
             {formatDate(new Date(post.createdAt), 'MMM eo, yyyy')}
           </Text>
           <Text size="xsmall">
-            <Anchor href={`/post/${post.number}#comments`}>
+            <HashLink to={`/post/${post.number}#comments`}>
               view comments
-            </Anchor>
+            </HashLink>
           </Text>
         </Box>
         <Text size="small">

yarn.lock

@@ -11179,7 +11179,7 @@ prompts@^0.1.9:
     kleur "^2.0.1"
     sisteransi "^0.1.1"
 
-prop-types@^15.5.4, prop-types@^15.6.2, prop-types@^15.7.2:
+prop-types@^15.5.4, prop-types@^15.6.0, prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -11563,6 +11563,13 @@ react-router-dom@^5.0.1:
     tiny-invariant "^1.0.2"
     tiny-warning "^1.0.0"
 
+react-router-hash-link@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/react-router-hash-link/-/react-router-hash-link-1.2.2.tgz#7a0ad5e925d49596d19554de8bc6c554ce4f8099"
+  integrity sha512-LBthLVHdqPeKDVt3+cFRhy15Z7veikOvdKRZRfyBR2vjqIE7rxn+tKLjb6DOmLm6JpoQVemVDnxQ35RVnEHdQA==
+  dependencies:
+    prop-types "^15.6.0"
+
 react-router-scroll-memory@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/react-router-scroll-memory/-/react-router-scroll-memory-2.0.3.tgz#b3ad3e2d147688e05242abb68002378e674396da"