Avoid nested ternaries.

Author: ghengeveld

packages/react-async/src/useAsync.js

@@ -168,24 +168,16 @@ const useAsyncFetch = (input, init, { defer, json, ...options } = {}) => {
   const isDefer =
     typeof defer === "boolean" ? defer : ~["POST", "PUT", "PATCH", "DELETE"].indexOf(method)
   const fn = isDefer ? "deferFn" : "promiseFn"
-  const identity = JSON.stringify({ input, init, fn })
+  const identity = JSON.stringify({ input, init, isDefer })
   const state = useAsync({
     ...options,
     [fn]: useCallback(
-      isDefer
-        ? ([override], _, { signal }) =>
-            doFetch(input, {
-              signal,
-              ...// override is a function, call it with init
-              (typeof override === "function"
-                ? override(init)
-                : // override is an Event or SyntheticEvent - do not spread
-                "preventDefault" in override
-                ? init
-                : // otherwise, spread override over init
-                  { ...init, ...override }),
-            })
-        : (_, { signal }) => doFetch(input, { signal, ...init }),
+      (arg1, arg2, arg3) => {
+        const [override, signal] = isDefer ? [arg1[0], arg3.signal] : [undefined, arg2.signal]
+        if (typeof override === "function") return doFetch(input, { signal, ...override(init) })
+        if ("preventDefault" in override) return doFetch(input, { signal, ...init })
+        return doFetch(input, { signal, ...init, ...override })
+      },
       [identity] // eslint-disable-line react-hooks/exhaustive-deps
     ),
   })