Refactor page hook

components/pages/ListDetail.jsx

@@ -45,12 +45,9 @@ const ListDetail = ({ selected, listId, params }) => {
   const actualListId = listId ? listId : params?.listId || null;
   const loadedList = lists.find(l => l.id === actualListId);
 
-  usePage(
-    {
+  usePage({
     title: loadedList.name,
-    },
-    [loadedList]
-  );
+  });
 
   return (
     <Content className="p-4">

hooks/usePage.js

@@ -1,13 +1,12 @@
 import { useEffect } from 'react';
 import Store from '../store';
 
-const usePage = (fields, deps) => {
+const usePage = fields => {
   useEffect(() => {
-    console.log('Deps updating', fields, deps);
     Store.update(s => {
       s.currentPage = fields;
     });
-  }, [fields, deps]);
+  }, [fields]);
 };
 
 export default usePage;