From 3a8b974a720bc0bee1dc2347ba0d43743ca31d76 Mon Sep 17 00:00:00 2001
From: xxziiko <xxziiko@gmail.com>
Date: Wed, 7 May 2025 23:32:39 +0900
Subject: [PATCH] fix(react-query): ensure suspense example fallback renders
 correctly

The previous suspense example incorrectly rendered null instead of the
fallback UI. This change moves the null check outside the Suspense
component to ensure the fallback is displayed as expected.

Fixes #9019
---
 examples/react/suspense/src/index.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/examples/react/suspense/src/index.tsx b/examples/react/suspense/src/index.tsx
index 814718dd78..2402fa9393 100755
--- a/examples/react/suspense/src/index.tsx
+++ b/examples/react/suspense/src/index.tsx
@@ -70,18 +70,18 @@ function Example() {
             )}
             onReset={reset}
           >
-            <React.Suspense fallback={<h1>Loading projects...</h1>}>
-              {showProjects ? (
-                activeProject ? (
+            {showProjects ? (
+              <React.Suspense fallback={<h1>Loading projects...</h1>}>
+                {activeProject ? (
                   <Project
                     activeProject={activeProject}
                     setActiveProject={setActiveProject}
                   />
                 ) : (
                   <Projects setActiveProject={setActiveProject} />
-                )
-              ) : null}
-            </React.Suspense>
+                )}
+              </React.Suspense>
+            ) : null}
           </ErrorBoundary>
         )}
       </QueryErrorResetBoundary>