diff --git a/src/components/Library/Library.jsx b/src/components/Library/Library.jsx
index 97d468b..2435b13 100644
--- a/src/components/Library/Library.jsx
+++ b/src/components/Library/Library.jsx
@@ -49,7 +49,7 @@ import axios from 'axios';
 
 // ];
 
-export default function Library({ filter }) {
+export default function Library({ filter, setFilter }) {
     const [myRows, setMyRows] = useState([]);
     const [visibleContent, setVisibleContent] = useState(-1);
     const [showSnackBar, handleSnackBar] = useState(false);
@@ -332,9 +332,12 @@ export default function Library({ filter }) {
                 setMyRows(myRows);
             }
         };
-
         filteredRow();
-    }, [filter]);
+        return () => {
+            setMyRows([]);
+            setFilter('');
+        };
+    }, [filter, myRows]);
 
     useEffect(() => {
         fetchBooksFromDB();
@@ -1021,4 +1024,5 @@ export default function Library({ filter }) {
 
 Library.propTypes = {
     filter: PropTypes.string,
+    setFilter: PropTypes.func,
 };
diff --git a/src/pages/Home/Home.jsx b/src/pages/Home/Home.jsx
index 71441c3..af4b673 100644
--- a/src/pages/Home/Home.jsx
+++ b/src/pages/Home/Home.jsx
@@ -103,7 +103,7 @@ function Home() {
                         </Toolbar>
                     </AppBar>
                 </Box>
-                <Library filter={filter} />
+                <Library filter={filter} setFilter={setFilter} />
             </div>
             <Toaster />
         </ThemeProvider>