fix: change timeline type refetch

Signed-off-by: Innei <i@innei.in>
Innei · Jul 6, 2023 · 6c995d1 · 6c995d1 · vercel · Jul 6, 2023
1 parent 7cf8433
commit 6c995d1
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/app/timeline/page.tsx b/src/app/timeline/page.tsx
@@ -86,7 +86,7 @@ export default function TimelinePage() {
     queryKey: ['timeline'],
     enabled: false,
   })
-  const { data } = useQuery<TimelineData>({
+  const { data, refetch } = useQuery<TimelineData>({
     queryKey: ['timeline', nextType, year],
     initialData,
     queryFn: async ({ queryKey }) => {
@@ -100,6 +100,10 @@ export default function TimelinePage() {
     },
   })
 
+  useEffect(() => {
+    refetch()
+  }, [nextType])
+
   useJumpTo()
 
   if (!data) return null

diff --git a/src/providers/root/modal-stack-provider.tsx b/src/providers/root/modal-stack-provider.tsx
@@ -111,7 +111,7 @@ const initialStyle: Target = {
 const modalTransition: Transition = {
   ...microReboundPreset,
 }
-export const Modal: Component<{
+const Modal: Component<{
   item: ModalProps & { id: string }
   index: number
 }> = memo(function Modal({ item, index }) {

diff --git a/src/providers/root/react-query-provider.tsx b/src/providers/root/react-query-provider.tsx
@@ -42,6 +42,7 @@ export const ReactQueryProvider = ({ children }: PropsWithChildren) => {
       persistOptions={
         useRef<Omit<PersistQueryClientOptions, 'queryClient'>>({
           persister,
+          maxAge: 1000 * 60 * 60 * 24 * 7, // 1 week
           dehydrateOptions: {
             shouldDehydrateQuery: (query) => {
               const queryIsReadyForPersistance =