fix: query

Signed-off-by: Innei <[email protected]>
Innei · Jun 27, 2023 · 5d5c759 · 5d5c759
1 parent 032bf39
commit 5d5c759
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/src/components/widgets/comment/CommentBox.tsx b/src/components/widgets/comment/CommentBox.tsx
@@ -19,6 +19,7 @@ const createInitialValue = () => ({
   text: atom(''),
   refId: atom(''),
 })
+
 const CommentBoxContext = createContext(createInitialValue())
 
 const CommentBoxProvider = (props: PropsWithChildren) => {
@@ -33,6 +34,7 @@ const enum CommentBoxMode {
   'legacy',
   'with-auth',
 }
+
 export const CommentBox: FC<CommentBaseProps> = (props) => {
   const [mode, setMode] = useState<CommentBoxMode>(CommentBoxMode['with-auth'])
   return (
@@ -75,6 +77,7 @@ const CommentBoxWithAuth = () => {
     </AutoResizeHeight>
   )
 }
+
 const CommentAuthedInputSkeleton = () => {
   const color = 'bg-gray-200/50 dark:bg-zinc-800/50'
   return (
@@ -89,6 +92,7 @@ const CommentAuthedInputSkeleton = () => {
     </div>
   )
 }
+
 const CommentAuthedInput = () => {
   const { user } = useUser()
   if (!user) return <CommentAuthedInputSkeleton />

diff --git a/src/providers/root/index.tsx b/src/providers/root/index.tsx
@@ -25,13 +25,13 @@ export function Providers({ children }: PropsWithChildren) {
   return (
     <>
       <SocketContainer />
+      <ModalStackProvider key="modalStackProvider" />
       <ProviderComposer contexts={contexts}>
         {children}
         <EventProvider key="viewportProvider" />
         <SentryProvider key="SentryProvider" />
         <PageScrollInfoProvider key="PageScrollInfoProvider" />
         <DebugProvider key="debugProvider" />
-        <ModalStackProvider key="modalStackProvider" />
       </ProviderComposer>
     </>
   )

diff --git a/src/providers/root/react-query-provider.tsx b/src/providers/root/react-query-provider.tsx
@@ -27,7 +27,8 @@ const persister = {
 export const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
-      cacheTime: 1000 * 60 * 5, // 5 minutes
+      staleTime: 1000 * 60 * 5, // 5 minutes
+
       refetchInterval: 1000 * 60 * 5, // 5 minutes
       refetchOnWindowFocus: false,
       refetchIntervalInBackground: false,

diff --git a/src/utils/query-client.server.ts b/src/utils/query-client.server.ts
@@ -4,8 +4,8 @@ import { cache } from 'react'
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
-      // cacheTime: 0,
       staleTime: 1000 * 3,
+      cacheTime: 1000 * 3,
     },
   },
 })