fix cacheKey is not updated when default variables changed

Author: dung28-td

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-api-fetching",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "Make fetching API easier with React's hooks + context",
   "source": "src/index.tsx",
   "main": "dist/main.js",

src/index.tsx

@@ -210,6 +210,13 @@ function createUseLazyApi<
     const prevVariablesRef = useRef<TApiVariables>()
     const cachedRef = useRef(defaultOpts.cached ?? true)
 
+    // update cacheKey when default variables changed
+    const defaultVariables = useEnhancedMemo(defaultOpts.variables)
+    useEnhancedEffect(() => {
+      if (deepEqual(variablesRef.current, defaultVariables)) return
+      setVariables((defaultVariables || {}) as TApiVariables)
+    }, [defaultVariables, setVariables])
+
     const fetch = useCallback(async (opts: Pick<UseLazyApiOptions<T, TData, TError, TVariables, K>, 'variables'> = {}) => {
       const api = apis[key]
       const {