refactor: use Object.assign to avoid unnecessary re-renders

Author: koba04

src/use-swr-infinite.ts

@@ -1,4 +1,11 @@
-import { useContext, useRef, useState, useEffect, useCallback } from 'react'
+import {
+  useContext,
+  useRef,
+  useState,
+  useMemo,
+  useEffect,
+  useCallback
+} from 'react'
 
 import defaultConfig, { cache } from './config'
 import SWRConfigContext from './swr-config-context'
@@ -184,6 +191,8 @@ function useSWRInfinite<Data = any, Error = any>(
     dataRef.current = swr.data
   }, [swr.data])
 
+  const boundMutate = useMemo(() => swr.mutate, [swr])
+
   const mutate = useCallback(
     (data, shouldRevalidate = true) => {
       if (shouldRevalidate && typeof data !== 'undefined') {
@@ -195,9 +204,9 @@ function useSWRInfinite<Data = any, Error = any>(
         cache.set(contextCacheKey, { force: true })
       }
 
-      return swr.mutate(data, shouldRevalidate)
+      return boundMutate(data, shouldRevalidate)
     },
-    [swr.mutate, contextCacheKey]
+    [boundMutate, contextCacheKey]
   )
 
   // extend the SWR API
@@ -217,23 +226,11 @@ function useSWRInfinite<Data = any, Error = any>(
   )
 
   // Use getter functions to avoid unnecessary re-renders caused by triggering all the getters of the returned swr object
-  return {
-    get error() {
-      return swr.error
-    },
-    get data() {
-      return swr.data
-    },
-    get revalidate() {
-      return swr.revalidate
-    },
-    get isValidating() {
-      return swr.isValidating
-    },
+  return Object.assign(swr, {
     mutate,
     size,
     setSize
-  } as SWRInfiniteResponseInterface<Data, Error>
+  }) as SWRInfiniteResponseInterface<Data, Error>
 }
 
 export {