From 97657c5a791ee3d6d0a5784be40047ee53aee6f6 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 27 Aug 2024 15:00:40 +0800
Subject: [PATCH] Prevent fetching article before router params have been read

This prevents us from making an initial fetch with an undefined
slug and username that then returns a 400. This happens because
router isn't setup when we first make the call.
---
 .../web/lib/networking/library_items/useLibraryItems.tsx    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/web/lib/networking/library_items/useLibraryItems.tsx b/packages/web/lib/networking/library_items/useLibraryItems.tsx
index 16b24511d..e8006d978 100644
--- a/packages/web/lib/networking/library_items/useLibraryItems.tsx
+++ b/packages/web/lib/networking/library_items/useLibraryItems.tsx
@@ -677,10 +677,14 @@ export function useRefreshProcessingItems() {
   return mutation
 }
 
-export const useGetLibraryItemContent = (username: string, slug: string) => {
+export const useGetLibraryItemContent = (
+  username: string | undefined,
+  slug: string | undefined
+) => {
   const queryClient = useQueryClient()
   return useQuery({
     queryKey: ['libraryItem', slug],
+    enabled: !!username && !!slug,
     queryFn: async () => {
       const response = (await gqlFetcher(GQL_GET_LIBRARY_ITEM_CONTENT, {
         slug,