diff --git a/src/components/CurrencySymbolButton.js b/src/components/CurrencySymbolButton.js
index 8b73cabc1b23..b5929271031d 100644
--- a/src/components/CurrencySymbolButton.js
+++ b/src/components/CurrencySymbolButton.js
@@ -1,10 +1,10 @@
import React from 'react';
-import {TouchableOpacity} from 'react-native';
import PropTypes from 'prop-types';
import Text from './Text';
import styles from '../styles/styles';
import Tooltip from './Tooltip';
import withLocalize, {withLocalizePropTypes} from './withLocalize';
+import PressableWithoutFeedback from './Pressable/PressableWithoutFeedback';
const propTypes = {
/** Currency symbol of selected currency */
@@ -19,9 +19,13 @@ const propTypes = {
function CurrencySymbolButton(props) {
return (
-
+
{props.currencySymbol}
-
+
);
}
diff --git a/src/components/Pressable/PressableWithoutFeedback.js b/src/components/Pressable/PressableWithoutFeedback.js
index 5b25f207d2a3..92e704550dec 100644
--- a/src/components/Pressable/PressableWithoutFeedback.js
+++ b/src/components/Pressable/PressableWithoutFeedback.js
@@ -5,11 +5,16 @@ import GenericPressableProps from './GenericPressable/PropTypes';
const omittedProps = ['pressStyle', 'hoverStyle', 'focusStyle', 'activeStyle', 'disabledStyle', 'screenReaderActiveStyle', 'shouldUseHapticsOnPress', 'shouldUseHapticsOnLongPress'];
-const PressableWithoutFeedback = (props) => {
+const PressableWithoutFeedback = React.forwardRef((props, ref) => {
const propsWithoutStyling = _.omit(props, omittedProps);
- // eslint-disable-next-line react/jsx-props-no-spreading
- return ;
-};
+ return (
+
+ );
+});
PressableWithoutFeedback.displayName = 'PressableWithoutFeedback';
PressableWithoutFeedback.propTypes = _.omit(GenericPressableProps.pressablePropTypes, omittedProps);