React 19: useRef<T>() -> useRef<T>(null) across 15 sites

React 19 dropped the no-arg useRef overload — the type-only useRef<T>()
form (no initial value) is gone, every call must pass an initial value.
The codebase had 15 occurrences of useRef<HTMLDivElement>() (DOM ref
pattern) all flagged by tsgo as 'Expected 1 arguments, but got 0'.

Mechanical sweep to useRef<HTMLDivElement>(null) — no behavior change,
React still hands out a ref object with .current set to null at mount.

Net tsgo error count: 57 -> 42.

src/common/card/NitroCardView.tsx

@@ -12,7 +12,7 @@ export interface NitroCardViewProps extends DraggableWindowProps, ColumnProps
 export const NitroCardView: FC<NitroCardViewProps> = props =>
 {
     const { theme = 'primary', uniqueKey = null, handleSelector = '.drag-handler', windowPosition = DraggableWindowPosition.CENTER, disableDrag = false, overflow = 'hidden', position = 'relative', gap = 0, classNames = [], isResizable = true, ...rest } = props;
-    const elementRef = useRef<HTMLDivElement>();
+    const elementRef = useRef<HTMLDivElement>(null);
 
     const getClassNames = useMemo(() =>
     {

src/common/draggable-window/DraggableWindow.tsx

@@ -30,7 +30,7 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
     const [isDragging, setIsDragging] = useState(false);
     const [isPositioned, setIsPositioned] = useState(false);
     const [dragHandler, setDragHandler] = useState<HTMLElement>(null);
-    const elementRef = useRef<HTMLDivElement>();
+    const elementRef = useRef<HTMLDivElement>(null);
 
     const bringToTop = useCallback(() =>
     {

src/common/layout/LayoutMiniCameraView.tsx

@@ -12,7 +12,7 @@ interface LayoutMiniCameraViewProps {
 export const LayoutMiniCameraView: FC<LayoutMiniCameraViewProps> = props =>
 {
     const { roomId = -1, textureReceiver = null, onClose = null } = props;
-    const elementRef = useRef<HTMLDivElement>();
+    const elementRef = useRef<HTMLDivElement>(null);
 
     const getCameraBounds = () =>
     {

src/common/layout/LayoutRoomPreviewerView.tsx

@@ -7,7 +7,7 @@ export const LayoutRoomPreviewerView: FC<{
 }> = props =>
 {
     const { roomPreviewer = null, height = 0 } = props;
-    const elementRef = useRef<HTMLDivElement>();
+    const elementRef = useRef<HTMLDivElement>(null);
 
     const onClick = (event: MouseEvent<HTMLDivElement>) =>
     {

src/components/camera/views/CameraWidgetCaptureView.tsx

@@ -19,7 +19,7 @@ export const CameraWidgetCaptureView: FC<CameraWidgetCaptureViewProps> = props =
     const { onClose = null, onEdit = null, onDelete = null } = props;
     const { cameraRoll = null, setCameraRoll = null, selectedPictureIndex = -1, setSelectedPictureIndex = null } = useCamera();
     const { simpleAlert = null } = useNotification();
-    const elementRef = useRef<HTMLDivElement>();
+    const elementRef = useRef<HTMLDivElement>(null);
 
     const selectedPicture = ((selectedPictureIndex > -1) ? cameraRoll[selectedPictureIndex] : null);
 

src/components/catalog/views/page/widgets/CatalogBundleGridWidgetView.tsx

@@ -11,7 +11,7 @@ export const CatalogBundleGridWidgetView: FC<CatalogBundleGridWidgetViewProps> =
 {
     const { columnCount = 5, children = null, ...rest } = props;
     const { currentOffer = null } = useCatalog();
-    const elementRef = useRef<HTMLDivElement>();
+    const elementRef = useRef<HTMLDivElement>(null);
 
     useEffect(() =>
     {

src/components/catalog/views/page/widgets/CatalogItemGridWidgetView.tsx

@@ -16,7 +16,7 @@ export const CatalogItemGridWidgetView: FC<CatalogItemGridWidgetViewProps> = pro
     const { currentOffer = null, currentPage = null, selectCatalogOffer = null } = useCatalog();
     const catalogAdmin = useCatalogAdmin();
     const adminMode = catalogAdmin?.adminMode ?? false;
-    const elementRef = useRef<HTMLDivElement>();
+    const elementRef = useRef<HTMLDivElement>(null);
     const [ dragIndex, setDragIndex ] = useState<number | null>(null);
     const [ dropIndex, setDropIndex ] = useState<number | null>(null);
 

src/components/catalog/views/page/widgets/CatalogSpacesWidgetView.tsx

@@ -18,7 +18,7 @@ export const CatalogSpacesWidgetView: FC<CatalogSpacesWidgetViewProps> = props =
     const [ selectedGroupIndex, setSelectedGroupIndex ] = useState(-1);
     const [ selectedOfferForGroup, setSelectedOfferForGroup ] = useState<IPurchasableOffer[]>(null);
     const { currentPage = null, currentOffer = null, setCurrentOffer = null, setPurchaseOptions = null } = useCatalog();
-    const elementRef = useRef<HTMLDivElement>();
+    const elementRef = useRef<HTMLDivElement>(null);
 
     const setSelectedOffer = (offer: IPurchasableOffer) =>
     {

src/components/friends/views/messenger/FriendsMessengerView.tsx

@@ -14,7 +14,7 @@ export const FriendsMessengerView: FC<{}> = props =>
     const { visibleThreads = [], activeThread = null, getMessageThread = null, sendMessage = null, setActiveThreadId = null, closeThread = null } = useMessenger();
     const { report = null } = useHelp();
     const { settings, translateOutgoing } = useTranslation();
-    const messagesBox = useRef<HTMLDivElement>();
+    const messagesBox = useRef<HTMLDivElement>(null);
 
     const followFriend = () => (activeThread && activeThread.participant && SendMessageComposer(new FollowFriendMessageComposer(activeThread.participant.id)));
     const openProfile = () => (activeThread && activeThread.participant && GetUserProfile(activeThread.participant.id));

src/components/game-center/views/GameStageView.tsx

@@ -7,7 +7,7 @@ export const GameStageView = () =>
 {
     const { gameURL, setGameURL } = useGameCenter();
     const [ loadTimes, setLoadTimes ] = useState<number>(0);
-    const ref = useRef<HTMLDivElement>();
+    const ref = useRef<HTMLDivElement>(null);
 
     useEffect(() =>
     {

src/components/navigator/NavigatorView.tsx

@@ -31,7 +31,7 @@ export const NavigatorView: FC<{}> = props =>
     const [ needsSearch, setNeedsSearch ] = useState(false);
     const { searchResult = null, topLevelContext = null, topLevelContexts = null, navigatorData = null, navigatorSearches = null } = useNavigator();
     const pendingSearch = useRef<{ value: string, code: string }>(null);
-    const elementRef = useRef<HTMLDivElement>();
+    const elementRef = useRef<HTMLDivElement>(null);
 
     useNitroEvent<RoomSessionEvent>(RoomSessionEvent.CREATED, event =>
     {

src/components/room/RoomView.tsx

@@ -10,7 +10,7 @@ import { RoomWidgetsView } from './widgets/RoomWidgetsView';
 export const RoomView: FC<{}> = (props) =>
 {
     const { roomSession = null } = useRoom();
-    const elementRef = useRef<HTMLDivElement>();
+    const elementRef = useRef<HTMLDivElement>(null);
 
     useEffect(() =>
     {

src/components/room/widgets/chat/ChatWidgetView.tsx

@@ -11,7 +11,7 @@ export const ChatWidgetView: FC<{}> = props =>
 {
     const { chatMessages = [], setChatMessages = null, chatSettings = null, getScrollSpeed = 6000 } = useChatWidget();
     const [ chatWindowEnabled ] = useChatWindow();
-    const elementRef = useRef<HTMLDivElement>();
+    const elementRef = useRef<HTMLDivElement>(null);
 
     const removeHiddenChats = useCallback(() =>
     {

src/components/room/widgets/object-location/ObjectLocationView.tsx

@@ -14,7 +14,7 @@ export const ObjectLocationView: FC<ObjectLocationViewProps> = props =>
 {
     const { objectId = -1, category = -1, noFollow = false, ...rest } = props;
     const [ pos, setPos ] = useState<{ x: number, y: number }>({ x: -1, y: -1 });
-    const elementRef = useRef<HTMLDivElement>();
+    const elementRef = useRef<HTMLDivElement>(null);
 
     useEffect(() =>
     {

src/components/toolbar/ToolbarMeView.tsx

@@ -11,7 +11,7 @@ export const ToolbarMeView: FC<PropsWithChildren<{
 }>> = props =>
 {
     const { useGuideTool = false, unseenAchievementCount = 0, setMeExpanded = null, children = null, ...rest } = props;
-    const elementRef = useRef<HTMLDivElement>();
+    const elementRef = useRef<HTMLDivElement>(null);
 
     useEffect(() =>
     {