From 5c065a68b520162116e9a2887476c98f79993795 Mon Sep 17 00:00:00 2001
From: + <+>
Date: Mon, 8 Jun 2026 10:59:16 -0400
Subject: [PATCH] Complete react-hooks-react-app-example-lab

---
 src/components/App.js              | 4 +++-
 src/components/ExampleComponent.js | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/App.js b/src/components/App.js
index e0f227ac3..65d6ca317 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,12 +1,13 @@
 import React from "react";
 import { format } from "date-fns";
 import ExampleComponent from "./ExampleComponent";
+import TestComponent from "./TestComponent";
 
 // Add your code own within the return statement
 function App() {
   return (
     <div className="App">
-      <h1>{format(new Date(), "MMMM do yyyy, h:mm:ss a")}</h1>
+      <h1>{format(new Date(), "Now")}</h1>
       <p className="App-intro">
         In React apps, we write JSX - it looks like HTML, and uses a lot of HTML
         syntax. JSX lets us include JavaScript functions right along with the
@@ -14,6 +15,7 @@ function App() {
         self-contained chunks of JSX.
       </p>
       <ExampleComponent />
+      <TestComponent />
     </div>
   );
 }
diff --git a/src/components/ExampleComponent.js b/src/components/ExampleComponent.js
index 9a00ca70d..31eab3450 100644
--- a/src/components/ExampleComponent.js
+++ b/src/components/ExampleComponent.js
@@ -10,7 +10,9 @@ function ExampleComponent() {
       />
       <p>Whoa!</p>
     </div>
+    
   );
 }
 
+
 export default ExampleComponent;