diff --git a/packages/react-native/Libraries/Components/Touchable/TouchableBounce.js b/packages/react-native/Libraries/Components/Touchable/TouchableBounce.js index 4fcbe801e16051..0a0103aa6c6e02 100644 --- a/packages/react-native/Libraries/Components/Touchable/TouchableBounce.js +++ b/packages/react-native/Libraries/Components/Touchable/TouchableBounce.js @@ -203,6 +203,10 @@ class TouchableBounce extends React.Component { this.state.pressability.configure(this._createPressabilityConfig()); } + componentDidMount(): mixed { + this.state.pressability.configure(this._createPressabilityConfig()); + } + componentWillUnmount(): void { this.state.pressability.reset(); } diff --git a/packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js b/packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js index 998a7d02f3b45a..f2f9c4e7829a4b 100644 --- a/packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js +++ b/packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js @@ -363,6 +363,7 @@ class TouchableHighlight extends React.Component { componentDidMount(): void { this._isMounted = true; + this.state.pressability.configure(this._createPressabilityConfig()); } componentDidUpdate(prevProps: Props, prevState: State) { diff --git a/packages/react-native/Libraries/Components/Touchable/TouchableNativeFeedback.js b/packages/react-native/Libraries/Components/Touchable/TouchableNativeFeedback.js index f20e85a654ff23..0fb5f86702e417 100644 --- a/packages/react-native/Libraries/Components/Touchable/TouchableNativeFeedback.js +++ b/packages/react-native/Libraries/Components/Touchable/TouchableNativeFeedback.js @@ -340,6 +340,10 @@ class TouchableNativeFeedback extends React.Component { this.state.pressability.configure(this._createPressabilityConfig()); } + componentDidMount(): mixed { + this.state.pressability.configure(this._createPressabilityConfig()); + } + componentWillUnmount(): void { this.state.pressability.reset(); }