diff --git a/src/components/OpacityView.js b/src/components/OpacityView.js
deleted file mode 100644
index ebd261916e65..000000000000
--- a/src/components/OpacityView.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import Animated, {useAnimatedStyle, useSharedValue, withTiming} from 'react-native-reanimated';
-import shouldRenderOffscreen from '@libs/shouldRenderOffscreen';
-import * as StyleUtils from '@styles/StyleUtils';
-import variables from '@styles/variables';
-
-const propTypes = {
-    /**
-     * Should we dim the view
-     */
-    shouldDim: PropTypes.bool.isRequired,
-
-    /**
-     * Content to render
-     */
-    children: PropTypes.node.isRequired,
-
-    /**
-     * Array of style objects
-     * @default []
-     */
-    // eslint-disable-next-line react/forbid-prop-types
-    style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
-
-    /**
-     * The value to use for the opacity when the view is dimmed
-     * @default 0.5
-     */
-    dimmingValue: PropTypes.number,
-
-    /** Whether the view needs to be rendered offscreen (for Android only) */
-    needsOffscreenAlphaCompositing: PropTypes.bool,
-};
-
-const defaultProps = {
-    style: [],
-    dimmingValue: variables.hoverDimValue,
-    needsOffscreenAlphaCompositing: false,
-};
-
-function OpacityView(props) {
-    const opacity = useSharedValue(1);
-    const opacityStyle = useAnimatedStyle(() => ({
-        opacity: opacity.value,
-    }));
-
-    React.useEffect(() => {
-        if (props.shouldDim) {
-            opacity.value = withTiming(props.dimmingValue, {duration: 50});
-        } else {
-            opacity.value = withTiming(1, {duration: 50});
-        }
-    }, [props.shouldDim, props.dimmingValue, opacity]);
-
-    return (
-        <Animated.View
-            style={[opacityStyle, ...StyleUtils.parseStyleAsArray(props.style)]}
-            needsOffscreenAlphaCompositing={shouldRenderOffscreen ? props.needsOffscreenAlphaCompositing : undefined}
-        >
-            {props.children}
-        </Animated.View>
-    );
-}
-
-OpacityView.displayName = 'OpacityView';
-OpacityView.propTypes = propTypes;
-OpacityView.defaultProps = defaultProps;
-export default OpacityView;
diff --git a/src/components/OpacityView.tsx b/src/components/OpacityView.tsx
new file mode 100644
index 000000000000..6f82658bcac1
--- /dev/null
+++ b/src/components/OpacityView.tsx
@@ -0,0 +1,55 @@
+import React from 'react';
+import {StyleProp, ViewStyle} from 'react-native';
+import Animated, {AnimatedStyle, useAnimatedStyle, useSharedValue, withTiming} from 'react-native-reanimated';
+import shouldRenderOffscreen from '@libs/shouldRenderOffscreen';
+import variables from '@styles/variables';
+
+type OpacityViewProps = {
+    /** Should we dim the view */
+    shouldDim: boolean;
+
+    /** Content to render */
+    children: React.ReactNode;
+
+    /**
+     * Array of style objects
+     * @default []
+     */
+    style?: StyleProp<AnimatedStyle<ViewStyle>>;
+
+    /**
+     * The value to use for the opacity when the view is dimmed
+     * @default variables.hoverDimValue
+     */
+    dimmingValue?: number;
+
+    /** Whether the view needs to be rendered offscreen (for Android only) */
+    needsOffscreenAlphaCompositing?: boolean;
+};
+
+function OpacityView({shouldDim, children, style = [], dimmingValue = variables.hoverDimValue, needsOffscreenAlphaCompositing = false}: OpacityViewProps) {
+    const opacity = useSharedValue(1);
+    const opacityStyle = useAnimatedStyle(() => ({
+        opacity: opacity.value,
+    }));
+
+    React.useEffect(() => {
+        if (shouldDim) {
+            opacity.value = withTiming(dimmingValue, {duration: 50});
+        } else {
+            opacity.value = withTiming(1, {duration: 50});
+        }
+    }, [shouldDim, dimmingValue, opacity]);
+
+    return (
+        <Animated.View
+            style={[opacityStyle, style]}
+            needsOffscreenAlphaCompositing={shouldRenderOffscreen ? needsOffscreenAlphaCompositing : undefined}
+        >
+            {children}
+        </Animated.View>
+    );
+}
+
+OpacityView.displayName = 'OpacityView';
+export default OpacityView;