diff --git a/components/search_box.js b/components/search_box.js
index 87245b1b4..b61760690 100644
--- a/components/search_box.js
+++ b/components/search_box.js
@@ -5,8 +5,8 @@ import styled from "@emotion/styled";
 import SearchIcon from "./icons/Search";
 import CancelIcon from "./icons/Cancel";
 import { globalTheme } from "../theme";
-import Router from "next/router";
-import { mutateUrl } from "../utils/common";
+// import Router from "next/router";
+// import { mutateUrl } from "../utils/common";
 
 const SearchBoxWrapper = styled("div")({
   boxSizing: "border-box",
@@ -107,8 +107,8 @@ class SearchBox extends Component {
   }
   handleChange = event => {
     this.setState({ value: event.target.value }); // state of InputSearchBox
-    this.props.url.query.searchString = event.target.value;
-    Router.replace(mutateUrl(this.props.url));
+    // this.props.url.query.searchString = event.target.value.split(" ").join("-");
+    // Router.replace(mutateUrl(this.props.url));
     if (this.props.onChange) {
       this.props.onChange(event);
     }
@@ -117,8 +117,8 @@ class SearchBox extends Component {
   handleClear = () => {
     this.textInput.current.value = "";
     this.setState({ value: "" }); // state of InputSearchBox
-    this.props.url.query.searchString = "";
-    Router.replace(mutateUrl(this.props.url));
+    // this.props.url.query.searchString = "";
+    // Router.replace(mutateUrl(this.props.url));
     if (this.props.onClear) {
       this.props.onClear();
     }