In some situations (i.e. Next.js), state may be undefined.

Author: ghengeveld

packages/react-async/src/helpers.js

@@ -11,7 +11,7 @@ const renderFn = (children, ...args) =>
  * @prop {Object} state React Async state object
  * @prop {boolean} persist Show until we have data, even while pending (loading) or when an error occurred
  */
-export const Initial = ({ children, persist, state }) =>
+export const Initial = ({ children, persist, state = {} }) =>
   state.isInitial || (persist && !state.data) ? renderFn(children, state) : null
 
 /**
@@ -21,7 +21,7 @@ export const Initial = ({ children, persist, state }) =>
  * @prop {Object} state React Async state object
  * @prop {boolean} initial Show only on initial load (data is undefined)
  */
-export const Pending = ({ children, initial, state }) =>
+export const Pending = ({ children, initial, state = {} }) =>
   state.isPending && (!initial || !state.value) ? renderFn(children, state) : null
 
 /**
@@ -31,7 +31,7 @@ export const Pending = ({ children, initial, state }) =>
  * @prop {Object} state React Async state object
  * @prop {boolean} persist Show old data while pending (promise is loading)
  */
-export const Fulfilled = ({ children, persist, state }) =>
+export const Fulfilled = ({ children, persist, state = {} }) =>
   state.isFulfilled || (persist && state.data) ? renderFn(children, state.data, state) : null
 
 /**
@@ -41,7 +41,7 @@ export const Fulfilled = ({ children, persist, state }) =>
  * @prop {Object} state React Async state object
  * @prop {boolean} persist Show old error while pending (promise is loading)
  */
-export const Rejected = ({ children, persist, state }) =>
+export const Rejected = ({ children, persist, state = {} }) =>
   state.isRejected || (persist && state.error) ? renderFn(children, state.error, state) : null
 
 /**
@@ -51,7 +51,7 @@ export const Rejected = ({ children, persist, state }) =>
  * @prop {Object} state React Async state object
  * @prop {boolean} persist Show old data or error while pending (promise is loading)
  */
-export const Settled = ({ children, persist, state }) =>
+export const Settled = ({ children, persist, state = {} }) =>
   state.isSettled || (persist && state.value) ? renderFn(children, state) : null
 
 if (propTypes) {