diff --git a/src/favorites.js b/src/favorites.js
index f6a91776ad001e81791f37fb4c88f27cf5eacae0..4f31a32547ff1020ceb7ddf896fd1eb26291de8d 100644
--- a/src/favorites.js
+++ b/src/favorites.js
@@ -1,8 +1,22 @@
-import React from 'react';
+//import React from 'react';
 import { Typography } from '@mui/material';
 import MusicList from './MusicList';
+import axios from 'axios';
+import React, { useEffect } from 'react';
 
 const Favorites = ({ list, onLike }) => {
+
+  useEffect(() => {
+    axios.get('/likes')
+      .then((response) => {
+        const data = response.data;
+        setFavorites(data);
+      })
+      .catch((error) => {
+        console.error('Error:', error);
+      });
+  }, []);
+
   return (
     <React.Fragment>
       <MusicList list={list} onLike={onLike} />