chore(shadcn): clean up (#1274)

Author: thomasyuill-livekit

packages/shadcn/components/agents-ui/agent-control-bar.tsx

@@ -4,7 +4,7 @@ import { useEffect, useRef, useState, type ComponentProps } from 'react';
 import { useChat } from '@livekit/components-react';
 import { Track } from 'livekit-client';
 import { Loader, MessageSquareTextIcon, SendHorizontal } from 'lucide-react';
-import { motion } from 'motion/react';
+import { motion, type MotionProps } from 'motion/react';
 
 import { cn } from '@/lib/utils';
 import { AgentDisconnectButton } from '@/components/agents-ui/agent-disconnect-button';
@@ -42,7 +42,7 @@ const LK_TOGGLE_VARIANT_2 = [
   'dark:data-[state=on]:bg-blue-500/20 dark:data-[state=on]:text-blue-300',
 ];
 
-const MOTION_PROPS = {
+const MOTION_PROPS: MotionProps = {
   variants: {
     hidden: {
       height: 0,

packages/shadcn/components/agents-ui/react-shader-toy.tsx

@@ -839,8 +839,10 @@ export function ReactShaderToy({
     gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
     const mouseValue = uniformsRef.current.iMouse?.value;
     if (uniformsRef.current.iMouse?.isNeeded && lerp !== 1 && Array.isArray(mouseValue)) {
-      mouseValue[0] = lerpVal(mouseValue[0], lastMouseArrRef.current[0] ?? 0, lerp);
-      mouseValue[1] = lerpVal(mouseValue[1], lastMouseArrRef.current[1] ?? 0, lerp);
+      const currentX = mouseValue[0] ?? 0;
+      const currentY = mouseValue[1] ?? 0;
+      mouseValue[0] = lerpVal(currentX, lastMouseArrRef.current[0] ?? 0, lerp);
+      mouseValue[1] = lerpVal(currentY, lastMouseArrRef.current[1] ?? 0, lerp);
     }
     animFrameIdRef.current = requestAnimationFrame(drawScene);
   };