fix: ts hacks to build

Author: Péter Komlósi

src/components/StreamInfo.tsx

@@ -1,4 +1,4 @@
-import { useStreamInfo } from '../api/hooks';
+// import { useStreamInfo } from '../api/hooks';
 
 interface StreamInfoProps {
     children?: React.ReactChild;

src/components/StreamSelector.tsx

@@ -85,34 +85,36 @@ export function UnauthenticatedStreamSelector({ streamName }: StreamSelectorProp
 
     const addToSavedList = useCallback(async (e: React.FormEvent) => {
         e.preventDefault();
-        const channelName = e.target.stream.value;
+        // @todo: fix type
+        const channelName = (e.target as any).stream.value as string;
         savedList.add(channelName);
         saveSavedList(savedList);
     }, [saveSavedList, savedList]);
-    const removeFromSavedList = useCallback((stream) => {
+    const removeFromSavedList = useCallback((stream: string) => {
         const list = getSavedList();
         list.delete(stream);
         saveSavedList(list);
     }, [getSavedList, saveSavedList]);
 
-    const changeStream = useCallback((stream) => {
+    const changeStream = useCallback((stream: string) => {
         if (ref?.current) {
             ref.current.value = stream;
         }
         const event = new CustomEvent('streamChange', { detail: { streamName: stream } });
         window.dispatchEvent(event);
     }, []);
 
-    const onStreamNameChange = useCallback((e) => {
+    const onStreamNameChange = useCallback((e: React.FocusEvent<HTMLInputElement>) => {
         e.preventDefault();
         changeStream(e.target.value);
     }, [changeStream]);
 
-    const handleEnter = useCallback((e) => {
+    const handleEnter = useCallback((e: React.KeyboardEvent<HTMLInputElement>) => {
         if (e.keyCode && e.keyCode === 13) {
             e.preventDefault();
             e.stopPropagation();
-            changeStream(e.target.value);
+            // @todo: fix type
+            changeStream((e.target as any).value);
         }
     }, [changeStream]);
 

src/containers/TwitchLite.tsx

@@ -15,6 +15,8 @@ export default function TwitchLite() {
     const [reversed, setReversed] = useState(false);
     const [isHorizontal, setIsHorizontal] = useState(false);
 
+    // unused
+    // @ts-ignore
     const onResizeClick = useCallback(() => {
         console.log('click');
         setReversed(reversed => !reversed);
@@ -82,6 +84,8 @@ interface ReversiblePanelGroupProps {
     reversed?: boolean,
 }
 
+// unused
+// @ts-ignore
 function ReversiblePanelGroup({ children, horizontal, reversed }: PropsWithChildren<ReversiblePanelGroupProps>) {
     const childrenList = Children.toArray(children);