favorite 목록 나타나긴 함

src/App.js

 import React from 'react';
-import music_list from './data';
 import SearchPage from './SearchPage';
 import Favorites from './Favorites';
-import {Box, Tabs, Tab, Typography, AppBar, CssBaseline} from '@mui/material';
+import {Box, Tabs, Tab, Typography, AppBar} from '@mui/material';
 
 export default function App () {
     const [currentTab, setCurrentTab] = React.useState(0);
@@ -29,7 +28,7 @@ export default function App () {
             </Box>
 
             {currentTab == 0 && <SearchPage list = {searchResult} onSearch = {setSearchResult} likes = {likes} setLikes = {setLikes}/>}
-            {currentTab == 1 && <Typography align = "center" variant = "h2" likes = {likes} setLikes = {setLikes}> Favorites </Typography>}
+            {currentTab == 1 && <Favorites align = "center" variant = "h2" likes = {likes} setLikes = {setLikes}/>}
             {currentTab == 2 && <Typography align = "center" variant = "h2"> Item Three </Typography>}
         </React.Fragment>
     )