⚡️ Reduce refetching APIs

src/App.tsx

@@ -16,7 +16,9 @@ import '../leaflet.config.js'
 import { FeatureProvider } from './components/useFeature'
 
 const App: FC = () => {
-  const queryClient = new QueryClient()
+  const queryClient = new QueryClient({
+    defaultOptions: { queries: { staleTime: 60 * 1000 } },
+  })
 
   return (
     <QueryClientProvider client={queryClient}>

src/components/message/MessageList.tsx

@@ -13,10 +13,8 @@ interface Props {
 const MessageList: FC<Props> = ({ ticker }) => {
   const { token } = useAuth()
   const { getMessages } = useMessageApi(token)
-  const { isLoading, error, data } = useQuery(
-    ['messages', ticker.id],
-    () => getMessages(ticker.id),
-    { refetchInterval: false }
+  const { isLoading, error, data } = useQuery(['messages', ticker.id], () =>
+    getMessages(ticker.id)
   )
 
   if (isLoading) {

src/components/settings/InactiveSettingsCard.tsx

@@ -20,10 +20,7 @@ const InactiveSettingsCard: FC = () => {
   const { getInactiveSettings } = useSettingsApi(token)
   const { isLoading, error, data } = useQuery(
     ['inactive_settings'],
-    getInactiveSettings,
-    {
-      refetchInterval: false,
-    }
+    getInactiveSettings
   )
 
   if (isLoading) {

src/components/settings/RefreshIntervalCard.tsx

@@ -11,10 +11,7 @@ const RefreshIntervalCard: FC = () => {
   const { getRefreshInterval } = useSettingsApi(token)
   const { isLoading, error, data } = useQuery(
     ['refresh_interval_setting'],
-    getRefreshInterval,
-    {
-      refetchInterval: false,
-    }
+    getRefreshInterval
   )
 
   if (isLoading) {

src/components/ticker/TickerUserCard.tsx

@@ -17,9 +17,6 @@ const TickerUsersCard: FC<Props> = props => {
     ['tickerUsers', props.ticker.id],
     () => {
       return getTickerUsers(props.ticker)
-    },
-    {
-      refetchInterval: false,
     }
   )
 

src/components/user/UserList.tsx

@@ -10,9 +10,7 @@ import ErrorView from '../../views/ErrorView'
 const UserList: FC = () => {
   const { token } = useAuth()
   const { getUsers } = useUserApi(token)
-  const { isLoading, error, data } = useQuery(['users'], getUsers, {
-    refetchInterval: false,
-  })
+  const { isLoading, error, data } = useQuery(['users'], getUsers)
 
   if (isLoading) {
     return (

src/views/HomeView.tsx

@@ -19,9 +19,7 @@ import { Navigate } from 'react-router'
 const HomeView: FC = () => {
   const { token, user } = useAuth()
   const { getTickers } = useTickerApi(token)
-  const { isLoading, error, data } = useQuery(['tickers'], getTickers, {
-    refetchInterval: false,
-  })
+  const { isLoading, error, data } = useQuery(['tickers'], getTickers)
 
   if (isLoading) {
     return (

src/views/TickerView.tsx

@@ -18,10 +18,8 @@ const TickerView: FC = () => {
   const { tickerId } = useParams<keyof TickerViewParams>() as TickerViewParams
   const tickerIdNum = parseInt(tickerId)
 
-  const { isLoading, error, data } = useQuery(
-    ['ticker', tickerIdNum],
-    () => getTicker(tickerIdNum),
-    { refetchInterval: false }
+  const { isLoading, error, data } = useQuery(['ticker', tickerIdNum], () =>
+    getTicker(tickerIdNum)
   )
 
   if (isLoading) {