cleaning up state and starting using other compoonents

components/Rooms/index.js

@@ -0,0 +1,8 @@
+import React, { useState } from "react";
+import { render } from "react-dom";
+
+export default function DashboardRoom() {
+  const [count, setCount] = useState(0)
+
+  return <div>hi</div>;
+}

pages/teams/demo.tsx

@@ -74,20 +74,14 @@ function getUser(name: string) : User {
     return new User()
 }
 
-type MyProps = {  };
 type MyState = {
     selectedChannel?: number
 };
 
 
-export default class Demo extends React.Component<MyProps, MyState> {
+export default class Demo extends React.Component<{ }, MyState> {
-    constructor(props) {
+    state: MyState = {
-        super(props);
+        selectedChannel: null
-        this.state = {
-            selectedChannel: null
-        }
-
-        this.handleKeyboardShortcut = this.handleKeyboardShortcut.bind(this);
     }
 
     componentDidMount(): void {
@@ -126,7 +120,7 @@ export default class Demo extends React.Component<MyProps, MyState> {
         }
     }
 
-    handleKeyboardShortcut(event) {    
+    handleKeyboardShortcut = (event) => {    
         console.log(event.keyCode)
 
         switch(event.keyCode) {