From a76a5984ec561d37a6044859aa04484898d958ad Mon Sep 17 00:00:00 2001
From: Lukas Volk <67693193+LukasV3@users.noreply.github.com>
Date: Thu, 6 Apr 2023 15:42:18 +0200
Subject: [PATCH] Fix runtime error in image gallery useState example (#5877)

---
 src/content/learn/adding-interactivity.md | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/content/learn/adding-interactivity.md b/src/content/learn/adding-interactivity.md
index 179dd029..501c9f62 100644
--- a/src/content/learn/adding-interactivity.md
+++ b/src/content/learn/adding-interactivity.md
@@ -94,9 +94,14 @@ import { sculptureList } from './data.js';
 export default function Gallery() {
   const [index, setIndex] = useState(0);
   const [showMore, setShowMore] = useState(false);
+  const hasNext = index < sculptureList.length - 1;
 
   function handleNextClick() {
-    setIndex(index + 1);
+    if (hasNext) {
+      setIndex(index + 1);
+    } else {
+      setIndex(0);
+    }
   }
 
   function handleMoreClick() {