it'd help if i rendered it

src/components/ProjectComponents/RecentBook.tsx

@@ -18,7 +18,7 @@ type BookData = {
     createdById: string   
 }
 
-export default function RecentWatch() {
+export default function RecentBook() {
     const [ data, setData ] = useState<BookData | null>(null);
     const [ loading, setLoading ] = useState<boolean>(true);
     const [ errorState, setErrorState ] = useState<string>("");

src/index.tsx

@@ -8,6 +8,7 @@ import RecentPhoto from "./components/ProjectComponents/RecentPhoto";
 import RecentListens from "./components/ProjectComponents/RecentListens";
 import RecentClip from './components/ProjectComponents/RecentClip';
 import RecentGame from "./components/ProjectComponents/RecentGame";
+import RecentBook from "./components/ProjectComponents/RecentBook";
 import Layout from "./components/Layout";
 
 export default function Home() {
@@ -64,6 +65,9 @@ export default function Home() {
                             <div className="w-full min-w-[200px]">
                                 <RecentWatch />
                             </div>
+                            <div className="w-full min-w-[200px]">
+                                <RecentBook />
+                            </div>
                             <div className="w-full min-w-[200px]">
                                 <RecentClip />
                             </div>