@fbltd/async 1.0.29 → 1.0.31

package/dist/bin/dependency/integrations/react/reactive/index.js

@@ -1,26 +1,25 @@
-import React, { createElement, useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import { observationState } from "../../../observe.state.js";
 import { usePromise } from "./utils.js";
-function Reactive(fn) {
+export function Reactive(fn) {
     return React.memo((props) => {
-        const [key, setKey] = useState(Math.random());
+        const [key, setKey] = useState(false);
         const abortPromise = usePromise();
         useEffect(() => abortPromise.resolve, []);
         observationState.isObserved = true;
-        useEffect(() => {
-            const deps = observationState.getDeps();
-            observationState.isObserved = false;
-            if (!deps.size)
-                return;
+        const jsx = fn(props);
+        const deps = observationState.getDeps();
+        observationState.isObserved = false;
+        if (deps.size) {
             let prom = [abortPromise.promise];
             deps.forEach(d => prom.push(d.next()));
             Promise.race(prom)
                 .then(() => {
                 if (abortPromise.isFulfilled)
                     return;
-                setKey(Math.random());
+                setKey(!key);
             });
-        }, [key, props]);
-        return createElement(fn, props);
+        }
+        return jsx;
     });
 }

package/dist/types/dependency/integrations/react/reactive/index.d.ts

@@ -1 +1,2 @@
-export {};
+import { FunctionComponent, NamedExoticComponent } from "react";
+export declare function Reactive<P extends object>(fn: FunctionComponent<P>): NamedExoticComponent<P>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fbltd/async",
-  "version": "1.0.29",
+  "version": "1.0.31",
   "description": "Miscellaneous async utils",
   "homepage": "https://github.com/GlennMiller1991/async",
   "type": "module",