Merge pull request #33794 from Krishna2323/krishna2323/issue/33115

fix: Codeblocks does not wrap.

Author: jasperhuangg

src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer/BasePreRenderer.js renamed to src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer.js

@@ -1,14 +1,14 @@
 import PropTypes from 'prop-types';
-import React, {forwardRef} from 'react';
-import {ScrollView, View} from 'react-native';
+import React from 'react';
+import {View} from 'react-native';
 import _ from 'underscore';
-import htmlRendererPropTypes from '@components/HTMLEngineProvider/HTMLRenderers/htmlRendererPropTypes';
 import PressableWithoutFeedback from '@components/Pressable/PressableWithoutFeedback';
 import {ShowContextMenuContext, showContextMenuForReport} from '@components/ShowContextMenuContext';
 import withLocalize from '@components/withLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
 import * as ReportUtils from '@libs/ReportUtils';
 import CONST from '@src/CONST';
+import htmlRendererPropTypes from './htmlRendererPropTypes';
 
 const propTypes = {
     /** Press in handler for the code block */
@@ -31,20 +31,14 @@ const defaultProps = {
     onPressOut: undefined,
 };
 
-const BasePreRenderer = forwardRef((props, ref) => {
+function PreRenderer(props) {
     const styles = useThemeStyles();
     const TDefaultRenderer = props.TDefaultRenderer;
     const defaultRendererProps = _.omit(props, ['TDefaultRenderer', 'onPressIn', 'onPressOut', 'onLongPress']);
     const isLast = props.renderIndex === props.renderLength - 1;
 
     return (
-        <ScrollView
-            ref={ref}
-            horizontal
-            style={[isLast ? styles.mt2 : styles.mv2, styles.overscrollBehaviorXNone]}
-            bounces={false}
-            keyboardShouldPersistTaps="always"
-        >
+        <View style={[isLast ? styles.mt2 : styles.mv2]}>
             <ShowContextMenuContext.Consumer>
                 {({anchor, report, action, checkIfContextMenuActive}) => (
                     <PressableWithoutFeedback
@@ -61,12 +55,12 @@ const BasePreRenderer = forwardRef((props, ref) => {
                     </PressableWithoutFeedback>
                 )}
             </ShowContextMenuContext.Consumer>
-        </ScrollView>
+        </View>
     );
-});
+}
 
-BasePreRenderer.displayName = 'BasePreRenderer';
-BasePreRenderer.propTypes = propTypes;
-BasePreRenderer.defaultProps = defaultProps;
+PreRenderer.displayName = 'PreRenderer';
+PreRenderer.propTypes = propTypes;
+PreRenderer.defaultProps = defaultProps;
 
-export default withLocalize(BasePreRenderer);
+export default withLocalize(PreRenderer);