From 57dbfe41643fde21d90e3cada1c53caf44cd0ed2 Mon Sep 17 00:00:00 2001
From: Oculux <nate.williamson.nz@gmail.com>
Date: Wed, 17 Jul 2024 23:06:02 +1200
Subject: [PATCH 1/2] :sparkles: make Nate's Component

---
 next/app/test/nate/mycomponent/page.tsx | 5 -----
 next/components/dev/NateComponent.tsx   | 6 +-----
 2 files changed, 1 insertion(+), 10 deletions(-)
 delete mode 100644 next/app/test/nate/mycomponent/page.tsx

diff --git a/next/app/test/nate/mycomponent/page.tsx b/next/app/test/nate/mycomponent/page.tsx
deleted file mode 100644
index 0496542..0000000
--- a/next/app/test/nate/mycomponent/page.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import NateComponent from "@/components/dev/NateComponent";
-
-export default function MyComponent() {
-  return <NateComponent />;
-}
diff --git a/next/components/dev/NateComponent.tsx b/next/components/dev/NateComponent.tsx
index 80281d8..f29ab98 100644
--- a/next/components/dev/NateComponent.tsx
+++ b/next/components/dev/NateComponent.tsx
@@ -1,7 +1,3 @@
 export default function NateComponent() {
-  return (
-    <div>
-      <h1>Nate's Component</h1>
-    </div>
-  );
+  return <div>Nate</div>;
 }

From 3fce9f943724e3e1643d81238eac742872647437 Mon Sep 17 00:00:00 2001
From: Oculux <nate.williamson.nz@gmail.com>
Date: Wed, 17 Jul 2024 23:08:52 +1200
Subject: [PATCH 2/2] :sparkles: make page to display Nate's component

---
 next/app/test/nate/mycomponent/page.tsx | 5 +++++
 next/components/dev/NateComponent.tsx   | 6 ++++++
 2 files changed, 11 insertions(+)
 create mode 100644 next/app/test/nate/mycomponent/page.tsx

diff --git a/next/app/test/nate/mycomponent/page.tsx b/next/app/test/nate/mycomponent/page.tsx
new file mode 100644
index 0000000..0496542
--- /dev/null
+++ b/next/app/test/nate/mycomponent/page.tsx
@@ -0,0 +1,5 @@
+import NateComponent from "@/components/dev/NateComponent";
+
+export default function MyComponent() {
+  return <NateComponent />;
+}
diff --git a/next/components/dev/NateComponent.tsx b/next/components/dev/NateComponent.tsx
index f29ab98..e8c320c 100644
--- a/next/components/dev/NateComponent.tsx
+++ b/next/components/dev/NateComponent.tsx
@@ -1,3 +1,9 @@
+"use client";
+
+import { useState } from "react";
+
 export default function NateComponent() {
+  const [state, setState] = useState(null);
+
   return <div>Nate</div>;
 }