fix: Optimize useFetch to reduce redraws

ExpediaGroup · Mar 21, 2023 · 4139dc4 · 4139dc4
1 parent e9037af
commit 4139dc4
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/frontend/src/shared/useFetch.ts b/packages/frontend/src/shared/useFetch.ts
@@ -18,7 +18,7 @@ import { useState, useEffect } from 'react';
 
 interface Props {
   url: string;
-  contents?: string | null | undefined;
+  contents?: string | undefined;
   method?: 'GET' | 'HEAD';
   paused?: boolean;
 }
@@ -35,7 +35,7 @@ interface Props {
  */
 export const useFetch = ({ url, contents, method = 'GET', paused = false }: Props) => {
   const [fetching, setFetching] = useState(false);
-  const [data, setData] = useState<string | undefined>(undefined);
+  const [data, setData] = useState<string | undefined>(contents);
   const [error, setError] = useState<any>(undefined);
 
   useEffect(() => {
@@ -49,7 +49,6 @@ export const useFetch = ({ url, contents, method = 'GET', paused = false }: Prop
 
     // Already pre-fetched?  Let's use it!
     if (contents != null) {
-      setData(contents);
       return;
     }