diff --git a/packages/app/src/components/Layout/bottomBar/index.jsx b/packages/app/src/components/Layout/bottomBar/index.jsx
index 48260c60..136151e5 100755
--- a/packages/app/src/components/Layout/bottomBar/index.jsx
+++ b/packages/app/src/components/Layout/bottomBar/index.jsx
@@ -8,7 +8,7 @@ import { Icons, createIconRender } from "components/Icons"
 
 import { WithPlayerContext, Context } from "contexts/WithPlayerContext"
 
-import QuickNavMenu from "components/Layout/quickNav"
+import {QuickNavMenuItems, QuickNavMenu} from "components/Layout/quickNav"
 
 import PlayerView from "pages/@mobile-views/player"
 import CreatorView from "pages/@mobile-views/creator"
diff --git a/packages/app/src/components/Layout/quickNav/index.jsx b/packages/app/src/components/Layout/quickNav/index.jsx
index 09042af3..813c9fa3 100644
--- a/packages/app/src/components/Layout/quickNav/index.jsx
+++ b/packages/app/src/components/Layout/quickNav/index.jsx
@@ -2,7 +2,7 @@ import React from "react"
 import classnames from "classnames"
 import { createIconRender } from "components/Icons"
 
-const QuickNavMenuItems = [
+export const QuickNavMenuItems = [
     {
         id: "music",
         icon: "MdAlbum",
@@ -31,7 +31,7 @@ const QuickNavMenuItems = [
     },
 ]
 
-export default ({
+export const QuickNavMenu = ({
     visible,
 }) => {
     return <div
@@ -69,3 +69,5 @@ export default ({
         }
     </div>
 }
+
+export default QuickNavMenu
\ No newline at end of file