From 88af8b80cca5898152fe1b0bce0e529f8a2706ca Mon Sep 17 00:00:00 2001
From: e560248 <steffen.schoene@sbb.ch>
Date: Mon, 7 Apr 2025 11:04:20 +0200
Subject: [PATCH] rerender issue

---
 react-advanced-tag1/src/components/Footer.tsx      |  1 +
 .../src/components/Header/index.tsx                |  1 +
 .../src/components/globals/Heading.tsx             |  1 +
 react-advanced-tag1/src/layouts/MainLayout.tsx     | 14 ++++++++++++++
 4 files changed, 17 insertions(+)

diff --git a/react-advanced-tag1/src/components/Footer.tsx b/react-advanced-tag1/src/components/Footer.tsx
index 5f22145..e4e81b3 100644
--- a/react-advanced-tag1/src/components/Footer.tsx
+++ b/react-advanced-tag1/src/components/Footer.tsx
@@ -1,4 +1,5 @@
 function Footer() {
+    console.log("Footer rendered");
     return (
         <footer>
             <p>&copy; 2025 Your Company</p>
diff --git a/react-advanced-tag1/src/components/Header/index.tsx b/react-advanced-tag1/src/components/Header/index.tsx
index e03b1af..33bc505 100644
--- a/react-advanced-tag1/src/components/Header/index.tsx
+++ b/react-advanced-tag1/src/components/Header/index.tsx
@@ -1,6 +1,7 @@
 import Navigation from "./Navigation";
 
 const Header = () => {
+    console.log("Header rendered");
     return (
         <header>
             <h2>My Application</h2>
diff --git a/react-advanced-tag1/src/components/globals/Heading.tsx b/react-advanced-tag1/src/components/globals/Heading.tsx
index 839a3cf..ab12170 100644
--- a/react-advanced-tag1/src/components/globals/Heading.tsx
+++ b/react-advanced-tag1/src/components/globals/Heading.tsx
@@ -1,4 +1,5 @@
 export default function Heading({title = "Hallo Teilnehmer"}: {title?: string}): React.ReactElement {
+    console.log("Heading rendered");
     return (
         <h1 >
             {title}
diff --git a/react-advanced-tag1/src/layouts/MainLayout.tsx b/react-advanced-tag1/src/layouts/MainLayout.tsx
index 5f3ba07..1aca3ee 100644
--- a/react-advanced-tag1/src/layouts/MainLayout.tsx
+++ b/react-advanced-tag1/src/layouts/MainLayout.tsx
@@ -1,11 +1,25 @@
+import { useState } from "react";
 import Footer from "../components/Footer";
 import Header from "../components/Header";
 
 export default function MainLayout({children}: {children: React.ReactNode | React.ReactElement | React.ReactElement[]}): React.ReactElement {
+  
+
+  const [clicked, setClicked] = useState(false);
+
+  function handleClick() {
+    setClicked(!clicked);
+
+    console.log("clicked", clicked);
+  }
+
+  console.log("MainLayout rendered", clicked);
   return (
     <>
         <Header />
             {children}
+
+            <button onClick={handleClick}>Click</button>
         <Footer />
     </>
   );