diff --git a/components/MyMenuView.tsx b/components/MyMenuView.tsx
index ba03211..e00c310 100644
--- a/components/MyMenuView.tsx
+++ b/components/MyMenuView.tsx
@@ -13,8 +13,15 @@ export function MyMenuView({ menuData }: { menuData: MenuItem[] }) {
       contentContainerStyle={styles.listContent}
       data={menuData}
       ItemSeparatorComponent={ItemSeparator}
-      ListFooterComponent={ListFooterComponent}
-      ListHeaderComponent={ListHeaderComponent}
+      ListFooterComponent={<View style={styles.footer} />}
+      ListHeaderComponent={
+        <View style={styles.header}>
+          <Text style={styles.headerTitle}>My Music</Text>
+          <Link href="/edit">
+            <Text>Edit</Text>
+          </Link>
+        </View>
+      }
       renderItem={({ item }) => (
         <MyMenuViewItem item={item} menuData={menuData} />
       )}
@@ -23,21 +30,6 @@ export function MyMenuView({ menuData }: { menuData: MenuItem[] }) {
   );
 }
 
-function ListHeaderComponent() {
-  return (
-    <View style={styles.header}>
-      <Text style={styles.headerTitle}>My Music</Text>
-      <Link href="/edit">
-        <Text>Edit</Text>
-      </Link>
-    </View>
-  );
-}
-
-function ListFooterComponent() {
-  return <View style={styles.footer}></View>;
-}
-
 let styles = StyleSheet.create({
   header: {
     alignItems: "center",