Index page not updating recent tags and edits (#1000)

* fix: set cache expiration at page component

src/app/components/RecentEdits.tsx

@@ -4,11 +4,6 @@ import { ArrowRightIcon } from '@heroicons/react/24/outline'
 import { getChangeHistoryServerSide } from '@/js/graphql/contribAPI'
 import { ChangesetCard } from '@/components/edit/RecentChangeHistory'
 
-/**
- * Cache time in seconds
- */
-export const revalidate = 300
-
 /**
  * Show most recent edits
  */

src/app/components/RecentTags.tsx

@@ -1,11 +1,6 @@
 import { RecentImageCard } from '@/components/home/RecentMediaCard'
 import { getMediaForFeed } from '@/js/graphql/api'
 
-/**
- * Cache time in seconds
- */
-export const revalidate = 300
-
 /**
  * Horizontal gallery of recent images with tags
  */

src/app/page.tsx

@@ -5,6 +5,11 @@ import { RecentEdits, RecentEditsSkeleton } from './components/RecentEdits'
 import { RecentTags } from './components/RecentTags'
 import { USAToC } from './components/USAToC'
 
+/**
+ * Cache duration in seconds
+ */
+export const revalidate = 300
+
 /**
  * Root home page
  */

src/js/graphql/api.ts

@@ -92,7 +92,7 @@ export const getMediaForFeed = async (maxUsers: number, maxFiles: number): Promi
         maxUsers,
         maxFiles
       },
-      notifyOnNetworkStatusChange: true
+      fetchPolicy: 'network-only'
     })
 
     if (Array.isArray(rs.data?.getMediaForFeed)) {