React Native- Prevent Double click

withPreventDoubleClick.js

import React from 'react';
import debounce from 'lodash.debounce'; // 4.0.8

const withPreventDoubleClick = (WrappedComponent) => {
  
  class PreventDoubleClick extends React.PureComponent {
    
    debouncedOnPress = () => {
      this.props.onPress && this.props.onPress();
    }
    
    onPress = debounce(this.debouncedOnPress, 300, { leading: true, trailing: false });
    
    render() {
      return <WrappedComponent {...this.props} onPress={this.onPress} />;
    }
  }
  
  PreventDoubleClick.displayName = `withPreventDoubleClick(${WrappedComponent.displayName ||WrappedComponent.name})`
  return PreventDoubleClick;
}

export default withPreventDoubleClick;