diff --git a/.node-version b/.node-version
new file mode 100644
index 0000000..21cff1f
--- /dev/null
+++ b/.node-version
@@ -0,0 +1 @@
+14.18.1
\ No newline at end of file
diff --git a/package.json b/package.json
index 077e1b4..bd1fae2 100644
--- a/package.json
+++ b/package.json
@@ -4,13 +4,15 @@
   "version": "1.0.4",
   "author": "Hunter Chang",
   "dependencies": {
-    "gatsby-plugin-manifest": "^2.2.4",
-    "gatsby-plugin-offline": "^2.2.4",
-    "gatsby-plugin-page-creator": "^2.1.5",
-    "gatsby-plugin-react-helmet": "^3.1.2",
-    "gatsby-plugin-sass": "^2.1.3",
-    "node-sass": "^4.12.0",
-    "react-helmet": "^5.2.1"
+    "gatsby-plugin-manifest": "^4.0.0",
+    "gatsby-plugin-offline": "^5.0.0",
+    "gatsby-plugin-page-creator": "^4.0.0",
+    "gatsby-plugin-postcss": "^5.0.0",
+    "gatsby-plugin-react-helmet": "^5.0.0",
+    "gatsby-plugin-sass": "^5.0.0",
+    "node-sass": "^6.0.1",
+    "react-helmet": "^6.1.0",
+    "postcss": "^8.0.5"
   },
   "keywords": [
     "gatsby",
@@ -25,16 +27,16 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "devDependencies": {
-    "prettier": "^1.18.2",
-    "gatsby": "^2.13.41",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
-  },
-  "peerDependencies": {
-    "gatsby": "^2.13.41",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
+    "acorn": "^8.5.0",
+    "babel-eslint": "^10.1.0",
+    "gatsby": "^4.0.2",
+    "prettier": "^2.4.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "sass": "^1.30.0",
+    "typescript": "^2.8.4"
   },
+  "peerDependencies": {},
   "repository": {
     "type": "git",
     "url": "https://github.com/codebushi/gatsby-theme-forty"
diff --git a/src/components/Header.js b/src/components/Header.js
index 7fde1c6..d8be086 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -6,7 +6,7 @@ const Header = (props) => (
     <header id="header" className="alt">
         <Link to="/" className="logo"><strong>Forty</strong> <span>by HTML5 UP</span></Link>
         <nav>
-            <a className="menu-link" onClick={props.onToggleMenu} href="javascript:;">Menu</a>
+            <a className="menu-link" onClick={props.onToggleMenu}>Menu</a>
         </nav>
     </header>
 )
diff --git a/src/components/Menu.js b/src/components/Menu.js
index c3e486f..810533d 100644
--- a/src/components/Menu.js
+++ b/src/components/Menu.js
@@ -16,7 +16,7 @@ const Menu = (props) => (
                 <li><a href="#" className="button fit">Log In</a></li>
             </ul>
         </div>
-        <a className="close" onClick={props.onToggleMenu} href="javascript:;">Close</a>
+        <a className="close" onClick={props.onToggleMenu}>Close</a>
     </nav>
 )