From c0b01cd427a37dbaef4076f2f124a319f6f0e737 Mon Sep 17 00:00:00 2001
From: Daniel Steigerwald <daniel@steigerwald.cz>
Date: Wed, 24 May 2023 14:23:59 +0200
Subject: [PATCH] Add text explaining suspense-enabled router transition

---
 apps/web/components/NextJsExample.tsx | 4 ++++
 examples/nextjs/app/page.tsx          | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/web/components/NextJsExample.tsx b/apps/web/components/NextJsExample.tsx
index 03b638ab..4fe2a680 100644
--- a/apps/web/components/NextJsExample.tsx
+++ b/apps/web/components/NextJsExample.tsx
@@ -350,6 +350,10 @@ export const NextJsExample: FC = () => {
             });
           }}
         />
+        <p>
+          Using suspense-enabled router transition, you will not see any loader
+          or jumping content.
+        </p>
       </nav>
       {todosShown ? <Todos /> : <TodoCategories />}
       <OwnerActions />
diff --git a/examples/nextjs/app/page.tsx b/examples/nextjs/app/page.tsx
index 5330d1c5..a0c2af89 100644
--- a/examples/nextjs/app/page.tsx
+++ b/examples/nextjs/app/page.tsx
@@ -352,12 +352,15 @@ const Page: FC = () => {
             });
           }}
         />
+        <p>
+          Using suspense-enabled router transition, you will not see any loader
+          or jumping content.
+        </p>
       </nav>
       {todosShown ? <Todos /> : <TodoCategories />}
       <OwnerActions />
     </Suspense>
   );
-  // return <div>hovno</div>;
 };
 
 export default Page;