replace pushState with replaceState to address navigation issues

Author: Lazy-poet

public/js/sidebar.js

@@ -99,8 +99,8 @@ export default class extends Component {
             let hash = `#Query_${queryIndex}`;
             // if we can guarantee that the browser can handle change in url hash without the page jumping,
             // then we update the url hash after scroll. else, hash is only updated on click of next or prev button
-            if (window.history.pushState) {
-                window.history.pushState(null, null, hash);
+            if (window.history.replaceState) {
+                window.history.replaceState(null, null, hash);
             }
             this.setState({ queryIndex });
         }
@@ -112,12 +112,13 @@ export default class extends Component {
         $('html, body').animate({
             scrollTop: $(this.hash).offset().top
         }, 300);
-        if (window.history.pushState) {
-            window.history.pushState(null, null, this.hash);
+        if (window.history.replaceState) {
+            window.history.replaceState(null, null, this.hash);
         } else {
             window.location.hash = this.hash;
         }
     }
+
     isElementInViewPort(elem) {
         const { top, left, right, bottom } = elem.getBoundingClientRect();
         return (