refactor: typescript-button-toggle.ts

kaylakremer · kaylakremer · commit ef699b62ea5f · 2024-01-18T17:25:29.000-05:00
diff --git a/solutions/typescript-button-toggle.ts b/solutions/typescript-button-toggle.ts
@@ -1,18 +1,15 @@
 import React, { useState, ReactNode } from "react"
-import ReactDOM from "react-dom"
+import { createRoot } from "react-dom/client"
 
-function Toggle(): ReactNode {
+const Toggle: ReactNode = () => {
     const [toggle, setToggle] = useState<boolean>(true)
 
-    function onClick(): void {
+    const onClick = (): void => {
         setToggle(!toggle)
     }
 
-    return (
-        <button type="button" onClick={onClick}>
-            {toggle ? "ON" : "OFF"}
-        </button>
-    )
+    return <button onClick={onClick}>{toggle ? "ON" : "OFF"}</button>
 }
 
-ReactDOM.render(<Toggle />, document.getElementById("root"))
+const root = createRoot(document.getElementById("root"))
+root.render(<Toggle />)
