fix: Ref types ahead of v11 making them stricter (#501)

Author: rschristian

src/view/components/elements/VirtualizedList.tsx

@@ -10,7 +10,7 @@ import { useResize } from "../utils";
 
 export interface VirtualizedListProps<T> {
 	items: T[];
-	container: RefObject<Element>;
+	container: RefObject<Element | null>;
 	rowHeight: number;
 	minBufferCount: number;
 	renderRow: (item: T, idx: number, top: number) => any;

src/view/components/elements/useAutoIndent.ts

@@ -5,7 +5,10 @@ import { useResize } from "../utils";
 const INITIAL = 14;
 const RIGHT_MARGIN = 16;
 
-export function useAutoIndent(container: RefObject<HTMLElement>, deps: any[]) {
+export function useAutoIndent(
+	container: RefObject<HTMLElement | null>,
+	deps: any[],
+) {
 	const indent = useRef(INITIAL);
 	const [available, setAvailable] = useState(0);
 	const cacheRef = useRef(new Map<string, number>());

src/view/components/profiler/components/CommitTimeline/CommitTimeline.tsx

@@ -5,10 +5,10 @@ import { useResize } from "../../../utils";
 import { Icon } from "../../../icons";
 
 function calcSize(
-	container: RefObject<HTMLDivElement>,
-	inner: RefObject<HTMLDivElement>,
-	pane: RefObject<HTMLDivElement>,
-	paneContainer: RefObject<HTMLDivElement>,
+	container: RefObject<HTMLDivElement | null>,
+	inner: RefObject<HTMLDivElement | null>,
+	pane: RefObject<HTMLDivElement | null>,
+	paneContainer: RefObject<HTMLDivElement | null>,
 	count: number,
 	selected: number,
 ) {