generate the UUID on client side

src/app/page.tsx

@@ -1,4 +1,6 @@
-import { redirect } from 'next/navigation'
+"use client"
+
+import { redirect } from "next/navigation"
 import { v4 as uuidv4 } from "uuid"
 
 export default function Index() {

src/components/business/refresh.tsx

@@ -13,7 +13,13 @@ export function RefreshStudio() {
     const slug = `${pathname.split("/").pop()}`
     setInterval(() => {
       console.log("refresh things!", slug)
-      startTransition(() => refreshStudio(slug))
+      startTransition(() => {
+        try {
+          refreshStudio(slug)
+        } catch (err) {
+          // ignoring
+        }
+      })
     }, 2000)
   }, [])
   

src/components/business/tasks/video-tasks-queue.tsx

@@ -64,7 +64,7 @@ export function VideoTasksQueue({
   })
   
   return (
-    <div className="rounded-lg border overflow-hidden">
+    <div className="rounded-lg border">
       <Table>
         <TableHeader>
           {table.getHeaderGroups().map((headerGroup) => (