fix website build

apps/website/components/leagues/LeagueVisibilitySection.tsx

@@ -2,6 +2,7 @@
 
 import { Trophy, Users, Check, HelpCircle, X } from 'lucide-react';
 import { useState, useRef, useEffect } from 'react';
+import type * as React from 'react';
 import { createPortal } from 'react-dom';
 import type { LeagueConfigFormModel } from '@/lib/types/LeagueConfigFormModel';
 
@@ -17,7 +18,7 @@ interface InfoFlyoutProps {
   onClose: () => void;
   title: string;
   children: React.ReactNode;
-  anchorRef: React.RefObject<HTMLElement | null>;
+  anchorRef: React.RefObject<HTMLElement>;
 }
 
 function InfoFlyout({ isOpen, onClose, title, children, anchorRef }: InfoFlyoutProps) {
@@ -128,8 +129,8 @@ export function LeagueVisibilitySection({
   // Flyout state
   const [showRankedFlyout, setShowRankedFlyout] = useState(false);
   const [showUnrankedFlyout, setShowUnrankedFlyout] = useState(false);
-  const rankedInfoRef = useRef<HTMLButtonElement>(null);
-  const unrankedInfoRef = useRef<HTMLButtonElement>(null);
+  const rankedInfoRef = useRef<HTMLButtonElement>(null!);
+  const unrankedInfoRef = useRef<HTMLButtonElement>(null!);
 
   // Normalize visibility to new terminology
   const isRanked = basics.visibility === 'public';