diff --git a/static/app/components/checkInTimeline/checkInTimeline.stories.tsx b/static/app/components/checkInTimeline/checkInTimeline.stories.tsx
index 4a09721df1f4f0..37012c4ab783fc 100644
--- a/static/app/components/checkInTimeline/checkInTimeline.stories.tsx
+++ b/static/app/components/checkInTimeline/checkInTimeline.stories.tsx
@@ -82,7 +82,7 @@ function generateMockTickData(
 export default Storybook.story('CheckInTimeline', story => {
   story('Simple', () => {
     const elementRef = useRef<HTMLDivElement>(null);
-    const {width: timelineWidth} = useDimensions<HTMLDivElement>({elementRef});
+    const {width: timelineWidth} = useDimensions({elementRef});
     const timeWindowConfig = useTimeWindowConfig({timelineWidth});
 
     const [secondsGap, setSecondsGap] = useState(60);
diff --git a/static/app/components/replays/breadcrumbs/replayTimeline.tsx b/static/app/components/replays/breadcrumbs/replayTimeline.tsx
index 66723e7fdf5153..22e9f32f6a1ecf 100644
--- a/static/app/components/replays/breadcrumbs/replayTimeline.tsx
+++ b/static/app/components/replays/breadcrumbs/replayTimeline.tsx
@@ -23,7 +23,7 @@ export function ReplayTimeline() {
   const [timelineScale] = useTimelineScale();
 
   const stackedRef = useRef<HTMLDivElement>(null);
-  const {width} = useDimensions<HTMLDivElement>({elementRef: stackedRef});
+  const {width} = useDimensions({elementRef: stackedRef});
 
   if (!replay) {
     return <Placeholder height="20px" />;
diff --git a/static/app/utils/useDimensions.tsx b/static/app/utils/useDimensions.tsx
index c09a0afd57b0b1..fafec1a4a0eb7b 100644
--- a/static/app/utils/useDimensions.tsx
+++ b/static/app/utils/useDimensions.tsx
@@ -2,14 +2,14 @@ import type {RefObject} from 'react';
 import {useCallback, useLayoutEffect, useState} from 'react';
 import {useResizeObserver} from '@react-aria/utils';
 
-interface Props<Element extends HTMLElement> {
+interface Props {
   elementRef: RefObject<Element | null>;
 }
 
 /**
  * Returns a ref to be added to an element and returns the dimensions of that element
  */
-export function useDimensions<Element extends HTMLElement>({elementRef}: Props<Element>) {
+export function useDimensions({elementRef}: Props) {
   const [dimensions, setDimensions] = useState({height: 0, width: 0});
 
   const element = elementRef.current;
diff --git a/static/app/views/alerts/rules/uptime/detailsTimeline.tsx b/static/app/views/alerts/rules/uptime/detailsTimeline.tsx
index c43bd75c8e82db..c39497bfcaaa0e 100644
--- a/static/app/views/alerts/rules/uptime/detailsTimeline.tsx
+++ b/static/app/views/alerts/rules/uptime/detailsTimeline.tsx
@@ -26,7 +26,7 @@ interface Props {
 export function DetailsTimeline({uptimeDetector, onStatsLoaded}: Props) {
   const {id} = uptimeDetector;
   const elementRef = useRef<HTMLDivElement>(null);
-  const {width: containerWidth} = useDimensions<HTMLDivElement>({elementRef});
+  const {width: containerWidth} = useDimensions({elementRef});
   const timelineWidth = useDebouncedValue(containerWidth, 500);
 
   const timeWindowConfig = useTimeWindowConfig({
diff --git a/static/app/views/detectors/components/detectorListTable/index.tsx b/static/app/views/detectors/components/detectorListTable/index.tsx
index 8e484d5fbaefd7..6318fe8709b514 100644
--- a/static/app/views/detectors/components/detectorListTable/index.tsx
+++ b/static/app/views/detectors/components/detectorListTable/index.tsx
@@ -139,7 +139,7 @@ export function DetectorListTable({
   );
 
   const elementRef = useRef<HTMLDivElement>(null);
-  const {width: containerWidth} = useDimensions<HTMLDivElement>({elementRef});
+  const {width: containerWidth} = useDimensions({elementRef});
   const timelineWidth = useDebouncedValue(containerWidth, 1000);
   const timeWindowConfig = useTimeWindowConfig({timelineWidth});
 
diff --git a/static/app/views/detectors/hooks/useMonitorsScheduleSamples.tsx b/static/app/views/detectors/hooks/useMonitorsScheduleSamples.tsx
index f27b10941092a7..3cd597309a0545 100644
--- a/static/app/views/detectors/hooks/useMonitorsScheduleSamples.tsx
+++ b/static/app/views/detectors/hooks/useMonitorsScheduleSamples.tsx
@@ -29,7 +29,7 @@ export function useMonitorsScheduleSamples({
   ...detectorFields
 }: UseMonitorsScheduleSamplesOptions) {
   const timeLineWidthTrackerRef = useRef<HTMLDivElement>(null);
-  const {width: timelineWidth} = useDimensions<HTMLDivElement>({
+  const {width: timelineWidth} = useDimensions({
     elementRef: timeLineWidthTrackerRef,
   });
 
diff --git a/static/app/views/detectors/list/cron.tsx b/static/app/views/detectors/list/cron.tsx
index ac861c9fa7b39e..2577c1a731d274 100644
--- a/static/app/views/detectors/list/cron.tsx
+++ b/static/app/views/detectors/list/cron.tsx
@@ -56,7 +56,7 @@ function VisualizationCell({detector}: {detector: CronDetector}) {
   const cronEnvironments = detector.dataSources[0].queryObj.environments;
 
   const elementRef = useRef<HTMLDivElement>(null);
-  const {width: containerWidth} = useDimensions<HTMLDivElement>({elementRef});
+  const {width: containerWidth} = useDimensions({elementRef});
   const timelineWidth = useDebouncedValue(containerWidth, 1000);
   const timeWindowConfig = useTimeWindowConfig({timelineWidth});
   const {data: monitorStats, isPending} = useMonitorStats({
diff --git a/static/app/views/detectors/list/uptime.tsx b/static/app/views/detectors/list/uptime.tsx
index fa385dbfc4222b..f657419ad61072 100644
--- a/static/app/views/detectors/list/uptime.tsx
+++ b/static/app/views/detectors/list/uptime.tsx
@@ -33,7 +33,7 @@ function VisualizationCell({detector}: {detector: UptimeDetector}) {
   const uptimeDetectorId = detector.id;
 
   const elementRef = useRef<HTMLDivElement>(null);
-  const {width: containerWidth} = useDimensions<HTMLDivElement>({elementRef});
+  const {width: containerWidth} = useDimensions({elementRef});
   const timelineWidth = useDebouncedValue(containerWidth, 1000);
   const timeWindowConfig = useTimeWindowConfig({timelineWidth});
 
diff --git a/static/app/views/insights/crons/components/detailsTimeline.tsx b/static/app/views/insights/crons/components/detailsTimeline.tsx
index 3bb2d0cf5f67e0..d1bfff58a1b255 100644
--- a/static/app/views/insights/crons/components/detailsTimeline.tsx
+++ b/static/app/views/insights/crons/components/detailsTimeline.tsx
@@ -47,7 +47,7 @@ export function DetailsTimeline({monitor, onStatsLoaded, onEnvironmentUpdated}:
   const queryClient = useQueryClient();
 
   const elementRef = useRef<HTMLDivElement>(null);
-  const {width: containerWidth} = useDimensions<HTMLDivElement>({elementRef});
+  const {width: containerWidth} = useDimensions({elementRef});
   const timelineWidth = useDebouncedValue(containerWidth, 500);
 
   // Use the nextCheckIn timestamp from the earliest scheduled environment as a
diff --git a/static/app/views/insights/crons/components/mockTimelineVisualization.tsx b/static/app/views/insights/crons/components/mockTimelineVisualization.tsx
index 943876eeac3b8a..3166fe2cb5b02d 100644
--- a/static/app/views/insights/crons/components/mockTimelineVisualization.tsx
+++ b/static/app/views/insights/crons/components/mockTimelineVisualization.tsx
@@ -63,7 +63,7 @@ export function MockTimelineVisualization({schedule}: Props) {
   };
 
   const elementRef = useRef<HTMLDivElement>(null);
-  const {width: timelineWidth} = useDimensions<HTMLDivElement>({elementRef});
+  const {width: timelineWidth} = useDimensions({elementRef});
 
   const sampleDataQueryKey = [
     getApiUrl('/organizations/$organizationIdOrSlug/monitors-schedule-data/', {
diff --git a/static/app/views/insights/crons/components/overviewTimeline/index.tsx b/static/app/views/insights/crons/components/overviewTimeline/index.tsx
index df442cb979bb4d..80ca5087aa75b5 100644
--- a/static/app/views/insights/crons/components/overviewTimeline/index.tsx
+++ b/static/app/views/insights/crons/components/overviewTimeline/index.tsx
@@ -41,7 +41,7 @@ export function OverviewTimeline({monitorList}: Props) {
   const location = useLocation();
 
   const elementRef = useRef<HTMLDivElement>(null);
-  const {width: containerWidth} = useDimensions<HTMLDivElement>({elementRef});
+  const {width: containerWidth} = useDimensions({elementRef});
   const timelineWidth = useDebouncedValue(containerWidth, 1000);
 
   const timeWindowConfig = useTimeWindowConfig({timelineWidth});
diff --git a/static/app/views/insights/uptime/components/overviewTimeline/index.tsx b/static/app/views/insights/uptime/components/overviewTimeline/index.tsx
index 28b37672016cef..99eb947227d0b2 100644
--- a/static/app/views/insights/uptime/components/overviewTimeline/index.tsx
+++ b/static/app/views/insights/uptime/components/overviewTimeline/index.tsx
@@ -25,7 +25,7 @@ interface Props {
 
 export function OverviewTimeline({uptimeDetectors}: Props) {
   const elementRef = useRef<HTMLDivElement>(null);
-  const {width: containerWidth} = useDimensions<HTMLDivElement>({elementRef});
+  const {width: containerWidth} = useDimensions({elementRef});
   const timelineWidth = useDebouncedValue(containerWidth, 500);
 
   const timeWindowConfig = useTimeWindowConfig({timelineWidth});
diff --git a/static/app/views/issueDetails/streamline/issueCronCheckTimeline.tsx b/static/app/views/issueDetails/streamline/issueCronCheckTimeline.tsx
index 6eb65af7441316..5e202bd19b06a8 100644
--- a/static/app/views/issueDetails/streamline/issueCronCheckTimeline.tsx
+++ b/static/app/views/issueDetails/streamline/issueCronCheckTimeline.tsx
@@ -103,7 +103,7 @@ function useCronLegendStatuses({
 
 export function IssueCronCheckTimeline({group}: {group: Group}) {
   const elementRef = useRef<HTMLDivElement>(null);
-  const {width: containerWidth} = useDimensions<HTMLDivElement>({elementRef});
+  const {width: containerWidth} = useDimensions({elementRef});
   const timelineWidth = useDebouncedValue(containerWidth, 500);
   const timeWindowConfig = useIssueTimeWindowConfig({timelineWidth, group});
 
diff --git a/static/app/views/issueDetails/streamline/issueUptimeCheckTimeline.tsx b/static/app/views/issueDetails/streamline/issueUptimeCheckTimeline.tsx
index 45bfd2d23e2cd6..dbc9627e8c9790 100644
--- a/static/app/views/issueDetails/streamline/issueUptimeCheckTimeline.tsx
+++ b/static/app/views/issueDetails/streamline/issueUptimeCheckTimeline.tsx
@@ -71,7 +71,7 @@ export function useUptimeIssueDetectorId({
 export function IssueUptimeCheckTimeline({group}: {group: Group}) {
   const detectorId = useUptimeIssueDetectorId({groupId: group.id});
   const elementRef = useRef<HTMLDivElement>(null);
-  const {width: containerWidth} = useDimensions<HTMLDivElement>({elementRef});
+  const {width: containerWidth} = useDimensions({elementRef});
   const timelineWidth = useDebouncedValue(containerWidth, 500);
   const timeWindowConfig = useIssueTimeWindowConfig({timelineWidth, group});