From 6b28bbd55e617fe1b0792e5680045be06c1bfedc Mon Sep 17 00:00:00 2001
From: wil <test@local.host>
Date: Thu, 15 Feb 2024 18:10:38 -0500
Subject: [PATCH] fixing some warnings

---
 .../src/components/common/NumberSliderV2/NumberSliderV2.tsx   | 2 ++
 .../fakeyou.com/src/v2/view/_common/StudioNotAvailable.tsx    | 2 +-
 .../src/v2/view/pages/video_styletransfer/commons.tsx         | 4 ++--
 .../video_styletransfer/components/pageVSTApp/pageVSTApp.tsx  | 2 ++
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/fakeyou.com/src/components/common/NumberSliderV2/NumberSliderV2.tsx b/packages/fakeyou.com/src/components/common/NumberSliderV2/NumberSliderV2.tsx
index f4c662dc1f..15a6afac2b 100644
--- a/packages/fakeyou.com/src/components/common/NumberSliderV2/NumberSliderV2.tsx
+++ b/packages/fakeyou.com/src/components/common/NumberSliderV2/NumberSliderV2.tsx
@@ -31,9 +31,11 @@ const renderTrack = ({ props: { style, ...props }, children }: any) => (
 const thumb =
   (thumbTip = "") =>
   ({ props: { style, ...props } }: any) => {
+    const key = Date.now()
     return (
       <Tippy
         {...{
+          key,
           arrow: false,
           content: thumbTip,
           placement: "bottom",
diff --git a/packages/fakeyou.com/src/v2/view/_common/StudioNotAvailable.tsx b/packages/fakeyou.com/src/v2/view/_common/StudioNotAvailable.tsx
index 2cecd47369..02e02e9b54 100644
--- a/packages/fakeyou.com/src/v2/view/_common/StudioNotAvailable.tsx
+++ b/packages/fakeyou.com/src/v2/view/_common/StudioNotAvailable.tsx
@@ -5,7 +5,7 @@ import React from "react";
 
 export function StudioNotAvailable() {
   const subText = (
-    <p> Please visit our <DiscordLink2 /> to join the wait list. </p>
+    <> Please visit our <DiscordLink2 /> to join the wait list. </>
   );
 
   return (
diff --git a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/commons.tsx b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/commons.tsx
index 9910e69766..80c1e0cac0 100644
--- a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/commons.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/commons.tsx
@@ -27,9 +27,9 @@ export function TableOfKeyValues(
     border: "1px solid white",
     borderTopLeftRadius: "1rem",
     borderBottomLeftRadius: "1rem",
-  }}>{
+  }}><tbody>{
     Object.entries(keyValues).map(([key, val], index: number)=>{
       return <tr key={index}><td>{`${key}`}</td><td>{`${val}`}</td></tr>
     })
-  }</table>);
+  }</tbody></table>);
 }
\ No newline at end of file
diff --git a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx
index f680ae5466..b15e56e25f 100644
--- a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx
@@ -41,7 +41,9 @@ export default function PageVSTApp({
   const [styleStrength, setStyleStrength]= useState<number>(8);
 
   const videoRef = useRef<HTMLVideoElement>(null);
+
   if(videoRef?.current){
+    if(debug) console.log("set-up video element listeners");
     const ve = videoRef.current
     ve.onloadedmetadata = () =>{
       if (ve.videoWidth && ve.videoHeight) {