animation broken thanks to GH pages

components/Logo.js

@@ -44,7 +44,7 @@ export default () => {
   const [hoverRef, hovering] = useHover();
 
   return (
-    <Logo hovering={hovering}>
+    <Logo>
       <motion.a
         href="#download"
         ref={hoverRef}

next.config.js

@@ -1,9 +1,8 @@
-const withMDX = require('@zeit/next-mdx')({
+const withMDX = require("@zeit/next-mdx")({
   extension: /\.mdx?$/
-})
+});
-
 
 module.exports = withMDX({
-  pageExtensions: ['js', 'jsx', 'mdx'],
+  pageExtensions: ["js", "jsx", "mdx"],
-  assetPrefix: process.env.NODE_ENV === 'production' ? '/lexend' : ''
+  assetPrefix: process.env.NODE_ENV === "production" ? "/lexend" : ""
-})
+});

now.json

@@ -1,4 +1,7 @@
 {
   "version": 2,
-  "builds": [{ "src": "package.json", "use": "@now/static-build" }]
+  "builds": [{ "src": "package.json", "use": "@now/static-build" }],
+  "env": {
+    "ASSETPREFIX": ""
+  }
 }