@faasjs/react 6.1.0 → 6.3.0

package/dist/index.cjs

@@ -90,10 +90,13 @@ function useSplittingState(initialStates) {
 }
 function createSplittingContext(defaultValue) {
   const keys = Array.isArray(defaultValue) ? defaultValue : Object.keys(defaultValue);
-  const defaultValues = Array.isArray(defaultValue) ? keys.reduce((prev, cur) => {
-    prev[cur] = null;
-    return prev;
-  }, {}) : defaultValue;
+  const defaultValues = Array.isArray(defaultValue) ? keys.reduce(
+    (prev, cur) => {
+      prev[cur] = null;
+      return prev;
+    },
+    {}
+  ) : defaultValue;
   const contexts = {};
   for (const key of keys) contexts[key] = react.createContext(defaultValues[key]);
   function Provider(props) {
@@ -116,7 +119,12 @@ function createSplittingContext(defaultValue) {
       const obj = /* @__PURE__ */ Object.create(null);
       for (const key of Object.keys(contexts)) {
         Object.defineProperty(obj, key, {
-          get: () => react.useContext(contexts[key])
+          get: () => {
+            if (!contexts[key]) {
+              throw new Error(`Context for key "${key}" is undefined`);
+            }
+            return react.useContext(contexts[key]);
+          }
         });
       }
       return Object.freeze(obj);
@@ -154,7 +162,7 @@ function FaasDataWrapper(props) {
   );
   const [loaded, setLoaded] = react.useState(false);
   react.useEffect(() => {
-    if (!loaded && !request.loading) setLoaded(true);
+    if (!request.loading) setLoaded((prev) => prev === false ? true : prev);
   }, [request.loading]);
   useEqualEffect(() => {
     if (props.onDataChange) props.onDataChange(request);
@@ -497,7 +505,7 @@ function FormFooter() {
   }, [setSubmitting, setErrors, rules, items, lang, onSubmit]);
   const MemoizedButton = react.useMemo(
     () => /* @__PURE__ */ jsxRuntime.jsx(Elements.Button, { submitting, submit: handleSubmit, children: lang.submit }),
-    [submitting, handleSubmit, lang.submit]
+    [submitting, handleSubmit, lang.submit, Elements.Button]
   );
   return MemoizedButton;
 }

package/dist/index.d.ts

@@ -326,7 +326,7 @@ type FaasReactClientInstance = {
     faas: <PathOrData extends FaasAction>(action: PathOrData | string, params: FaasParams<PathOrData>, options?: Options) => Promise<Response<FaasData<PathOrData>>>;
     useFaas: <PathOrData extends FaasAction>(action: PathOrData | string, defaultParams: FaasParams<PathOrData>, options?: useFaasOptions<PathOrData>) => FaasDataInjection<PathOrData>;
     FaasDataWrapper<PathOrData extends FaasAction>(props: FaasDataWrapperProps<PathOrData>): JSX.Element;
-    onError: OnError;
+    onError?: OnError;
     browserClient: FaasBrowserClient;
 };
 /**

package/dist/index.mjs

@@ -88,10 +88,13 @@ function useSplittingState(initialStates) {
 }
 function createSplittingContext(defaultValue) {
   const keys = Array.isArray(defaultValue) ? defaultValue : Object.keys(defaultValue);
-  const defaultValues = Array.isArray(defaultValue) ? keys.reduce((prev, cur) => {
-    prev[cur] = null;
-    return prev;
-  }, {}) : defaultValue;
+  const defaultValues = Array.isArray(defaultValue) ? keys.reduce(
+    (prev, cur) => {
+      prev[cur] = null;
+      return prev;
+    },
+    {}
+  ) : defaultValue;
   const contexts = {};
   for (const key of keys) contexts[key] = createContext(defaultValues[key]);
   function Provider(props) {
@@ -114,7 +117,12 @@ function createSplittingContext(defaultValue) {
       const obj = /* @__PURE__ */ Object.create(null);
       for (const key of Object.keys(contexts)) {
         Object.defineProperty(obj, key, {
-          get: () => useContext(contexts[key])
+          get: () => {
+            if (!contexts[key]) {
+              throw new Error(`Context for key "${key}" is undefined`);
+            }
+            return useContext(contexts[key]);
+          }
         });
       }
       return Object.freeze(obj);
@@ -152,7 +160,7 @@ function FaasDataWrapper(props) {
   );
   const [loaded, setLoaded] = useState(false);
   useEffect(() => {
-    if (!loaded && !request.loading) setLoaded(true);
+    if (!request.loading) setLoaded((prev) => prev === false ? true : prev);
   }, [request.loading]);
   useEqualEffect(() => {
     if (props.onDataChange) props.onDataChange(request);
@@ -495,7 +503,7 @@ function FormFooter() {
   }, [setSubmitting, setErrors, rules, items, lang, onSubmit]);
   const MemoizedButton = useMemo(
     () => /* @__PURE__ */ jsx(Elements.Button, { submitting, submit: handleSubmit, children: lang.submit }),
-    [submitting, handleSubmit, lang.submit]
+    [submitting, handleSubmit, lang.submit, Elements.Button]
   );
   return MemoizedButton;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/react",
-  "version": "6.1.0",
+  "version": "6.3.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -30,10 +30,10 @@
     "dist"
   ],
   "peerDependencies": {
-    "@faasjs/browser": "6.1.0"
+    "@faasjs/browser": "6.3.0"
   },
   "devDependencies": {
-    "@faasjs/browser": "6.1.0",
+    "@faasjs/browser": "6.3.0",
     "@types/react": "*",
     "react": "*"
   },