diff --git a/src/components/general/aboutme.tsx b/src/components/general/aboutme.tsx
index 4d43f73..29fa6c1 100644
--- a/src/components/general/aboutme.tsx
+++ b/src/components/general/aboutme.tsx
@@ -1,5 +1,6 @@
+"use server"
 
-const AboutMe = () => {
+export default async function AboutMe() {
   return (
     <section className="my-6 flex flex-col items-center justify-center">
       <h2 className="text-3xl font-semibold mb-4">About Me</h2>
@@ -20,4 +21,3 @@ const AboutMe = () => {
     </section>
   );
 }
-export default AboutMe;
diff --git a/src/components/general/pfpname.tsx b/src/components/general/pfpname.tsx
index fdd7e38..89b3f4f 100644
--- a/src/components/general/pfpname.tsx
+++ b/src/components/general/pfpname.tsx
@@ -1,6 +1,7 @@
+"use server"
 import Image from "next/image";
 
-export function PFPName() {
+export async function PFPName() {
   return (
     <div className="flex flex-row items-center justify-center">
       <Image src={"/original.png"} alt={"Gabriel's Profile Picture"}
diff --git a/src/components/general/techchart.tsx b/src/components/general/techchart.tsx
index fd41643..9da7b5d 100644
--- a/src/components/general/techchart.tsx
+++ b/src/components/general/techchart.tsx
@@ -1,5 +1,5 @@
 "use client"
-import { Bar, BarChart, XAxis, YAxis, Tooltip, ResponsiveContainer } from "recharts"
+import { Bar, BarChart, XAxis, YAxis, ResponsiveContainer } from "recharts"
 import { Card, CardHeader, CardContent } from "~/components/ui/card"
 
 const chartData = [