typescript more like gayscript

src/components/name.tsx

@@ -0,0 +1,42 @@
+import { createSignal, onCleanup } from "solid-js";
+import { removethething } from "./utils.ts";
+
+function HoverComponent() {
+  let timerId: number|null;
+
+  const [name, setname] = createSignal(true)
+
+  const startTimer = () => {
+    timerId = setTimeout(() => {
+      setname(!name())
+    }, 3000);
+  };
+
+  const clearTimer = () => {
+    if (timerId) {
+      clearTimeout(timerId);
+      timerId = null;
+    }
+  };
+  
+  const handleMouseEnter = () => {
+    removethething()
+    startTimer();
+  };
+
+  onCleanup(() => {
+    clearTimer();
+  });
+
+  return (
+    <h1
+      class="removethisinstantly"
+      onMouseEnter={handleMouseEnter} 
+      onMouseLeave={clearTimer} 
+    >
+      {name() ? "ECHO" : "exhq"}
+    </h1>
+  );
+}
+
+export default HoverComponent;