From 2c31023c5e798d7830ec27637d2f7dd6b11c224d Mon Sep 17 00:00:00 2001
From: Lukas Weiss <lukas.weiss@aboutbits.it>
Date: Fri, 21 Nov 2025 09:08:01 +0100
Subject: [PATCH 1/2] make is-loading optional

---
 src/async-data/AsyncView.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/async-data/AsyncView.tsx b/src/async-data/AsyncView.tsx
index 0673811..54e3587 100644
--- a/src/async-data/AsyncView.tsx
+++ b/src/async-data/AsyncView.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement, ReactNode } from 'react'
+import { ReactElement, ReactNode } from 'react'
 import { isFunction } from '../util'
 
 type LoadingFunction = () => ReactNode
@@ -8,7 +8,7 @@ type ErrorFunction<Error> = (error: NonNullable<Error>) => ReactNode
 type Props<Data, Error> = {
   data?: Data
   error?: Error
-  isLoading: boolean
+  isLoading?: boolean
   renderLoading?: ReactNode | LoadingFunction
   renderError?: ReactNode | ErrorFunction<Error>
 } & (
@@ -36,15 +36,18 @@ const AsyncView = <Data, Error>(
     allowMissingData = false,
   } = props
 
-  if (isLoading) {
+  const isError = error !== null && error !== undefined
+  const hasData = data !== null && data !== undefined
+
+  if (isLoading || (isLoading === undefined && !hasData && !isError)) {
     return <>{isFunction(renderLoading) ? renderLoading() : renderLoading}</>
   }
 
-  if (error !== null && error !== undefined) {
+  if (isError) {
     return <>{isFunction(renderError) ? renderError(error) : renderError}</>
   }
 
-  if ((data === undefined || data === null) && !allowMissingData) {
+  if (!hasData && !allowMissingData) {
     throw new Error(
       'Data passed into AsyncView was null or undefined. Use allowMissingData=true if this is intended.',
     )

From 9ef32273d67152c544507454ce814b8a65556cb3 Mon Sep 17 00:00:00 2001
From: Lukas Weiss <lukas.weiss@aboutbits.it>
Date: Fri, 21 Nov 2025 09:30:08 +0100
Subject: [PATCH 2/2] make data, error and is-loading required but undefindable

---
 src/async-data/AsyncView.tsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/async-data/AsyncView.tsx b/src/async-data/AsyncView.tsx
index 54e3587..95ff468 100644
--- a/src/async-data/AsyncView.tsx
+++ b/src/async-data/AsyncView.tsx
@@ -6,9 +6,21 @@ type SuccessFunction<Data> = (data: Data) => ReactNode
 type ErrorFunction<Error> = (error: NonNullable<Error>) => ReactNode
 
 type Props<Data, Error> = {
-  data?: Data
-  error?: Error
-  isLoading?: boolean
+  /**
+   * The async data to show.
+   * Note that `error` and `isLoading` take precedence over data.
+   */
+  data: Data | undefined
+  /**
+   * Set an error to show the error state.
+   * Note that `isLoading` takes precedence over error.
+   */
+  error: Error | undefined
+  /**
+   * Set to a boolean value to explicitly control loading state.
+   * If undefined, loading state is shown when there is no data (null | undefined) and no error (null | undefined).
+   */
+  isLoading: boolean | undefined
   renderLoading?: ReactNode | LoadingFunction
   renderError?: ReactNode | ErrorFunction<Error>
 } & (