Correctly memoize the promise from a function depending on deps when using useAsync.

package.json

@@ -1,5 +1,5 @@
 {
-	"version": "1.4.0",
+	"version": "1.4.1",
 	"name": "@kernelui/core",
 	"description": "Kernel UI Core.",
 	"scripts": {

src/Async.tsx

@@ -1,4 +1,4 @@
-import React, {useEffect, useState} from "react";
+import React, {useEffect, useMemo, useState} from "react";
 
 /**
  * A type that can be returned by a promise or as is.
@@ -41,10 +41,14 @@ export type PromiseFn<T> = () => Promise<T>;
 export function useAsync<T>(promise: Promisable<T>|PromiseFn<T>, deps: any[] = []): [AsyncState<T>, React.Dispatch<T>]
 {
 	// Get the actual promise from the function if there is one.
-	if ((promise as PromiseFn<T>)?.call)
+	promise = useMemo(() => {
-		promise = (promise as PromiseFn<T>)();
+		if ((promise as PromiseFn<T>)?.call)
-	else if (promise instanceof Promise)
+			return (promise as PromiseFn<T>)();
-		promise = Promise.race([promise as Promise<T>]);
+		else if (promise instanceof Promise)
+			return Promise.race([promise as Promise<T>]);
+		else
+			return promise;
+	}, deps);
 
 	// The async state.
 	const [state, setState] = useState<AsyncState<T>>({