diff --git a/src/components/Attachments/AttachmentCarousel/index.js b/src/components/Attachments/AttachmentCarousel/index.js
index 46bd8d8b56c1..f2f91afb00b0 100644
--- a/src/components/Attachments/AttachmentCarousel/index.js
+++ b/src/components/Attachments/AttachmentCarousel/index.js
@@ -18,7 +18,7 @@ import Navigation from '../../../libs/Navigation/Navigation';
 import BlockingView from '../../BlockingViews/BlockingView';
 import * as Illustrations from '../../Icon/Illustrations';
 import variables from '../../../styles/variables';
-import useCanUseTouchScreen from '../../../hooks/useCanUseTouchScreen';
+import * as DeviceCapabilities from '../../../libs/DeviceCapabilities';
 
 const viewabilityConfig = {
     // To facilitate paging through the attachments, we want to consider an item "viewable" when it is
@@ -30,7 +30,7 @@ function AttachmentCarousel({report, reportActions, source, onNavigate, setDownl
     const scrollRef = useRef(null);
 
     const {windowWidth, isSmallScreenWidth} = useWindowDimensions();
-    const canUseTouchScreen = useCanUseTouchScreen();
+    const canUseTouchScreen = DeviceCapabilities.canUseTouchScreen();
 
     const [containerWidth, setContainerWidth] = useState(0);
     const [page, setPage] = useState(0);
diff --git a/src/components/Attachments/AttachmentCarousel/useCarouselArrows.js b/src/components/Attachments/AttachmentCarousel/useCarouselArrows.js
index 6ecf790d4345..64c97fa99819 100644
--- a/src/components/Attachments/AttachmentCarousel/useCarouselArrows.js
+++ b/src/components/Attachments/AttachmentCarousel/useCarouselArrows.js
@@ -1,10 +1,9 @@
 import {useCallback, useEffect, useRef, useState} from 'react';
 import CONST from '../../../CONST';
 import * as DeviceCapabilities from '../../../libs/DeviceCapabilities';
-import useCanUseTouchScreen from '../../../hooks/useCanUseTouchScreen';
 
 function useCarouselArrows() {
-    const canUseTouchScreen = useCanUseTouchScreen();
+    const canUseTouchScreen = DeviceCapabilities.canUseTouchScreen();
     const [shouldShowArrows, setShouldShowArrowsInternal] = useState(canUseTouchScreen);
     const autoHideArrowTimeout = useRef(null);
 
diff --git a/src/hooks/useCanUseTouchScreen.js b/src/hooks/useCanUseTouchScreen.js
deleted file mode 100644
index 347316afc4bd..000000000000
--- a/src/hooks/useCanUseTouchScreen.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import {useEffect, useState} from 'react';
-import * as DeviceCapabilities from '../libs/DeviceCapabilities';
-
-/**
- * This hook returns a boolean indicating whether the device is a touch screen or not.
- * @returns {Boolean}
- */
-export default function useCanUseTouchScreen() {
-    const [canUseTouchScreen, setCanUseTouchScreen] = useState(DeviceCapabilities.canUseTouchScreen());
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(() => {
-        const newCanUseTouchScreen = DeviceCapabilities.canUseTouchScreen();
-        if (canUseTouchScreen === newCanUseTouchScreen) return;
-        setCanUseTouchScreen(newCanUseTouchScreen);
-    });
-
-    return canUseTouchScreen;
-}