diff --git a/src/components/picker/nimble-picker.js b/src/components/picker/nimble-picker.js
index 631f091..0beb0e6 100644
--- a/src/components/picker/nimble-picker.js
+++ b/src/components/picker/nimble-picker.js
@@ -289,7 +289,9 @@ export default class NimblePicker extends React.PureComponent {
var component = this.categoryRefs['category-1']
if (component) {
let maxMargin = component.maxMargin
- component.forceUpdate()
+ if (!this.props.disableFrequentEmojiSort){
+ component.forceUpdate()
+ }
requestAnimationFrame(() => {
if (!this.scroll) return
@@ -523,6 +525,7 @@ export default class NimblePicker extends React.PureComponent {
exclude,
recent,
autoFocus,
+ disableFrequentEmojiSort,
skinEmoji,
notFound,
notFoundEmoji,
diff --git a/src/utils/shared-default-props.js b/src/utils/shared-default-props.js
index 8d58606..1fa9bb2 100644
--- a/src/utils/shared-default-props.js
+++ b/src/utils/shared-default-props.js
@@ -37,6 +37,7 @@ const PickerDefaultProps = {
),
emojiTooltip: EmojiDefaultProps.tooltip,
autoFocus: false,
+ disableFrequentEmojiSort: false,
custom: [],
skinEmoji: '',
notFound: () => {},
diff --git a/src/utils/shared-props.js b/src/utils/shared-props.js
index a0309dd..b2d0fa5 100644
--- a/src/utils/shared-props.js
+++ b/src/utils/shared-props.js
@@ -43,6 +43,7 @@ const PickerPropTypes = {
exclude: PropTypes.arrayOf(PropTypes.string),
recent: PropTypes.arrayOf(PropTypes.string),
autoFocus: PropTypes.bool,
+ disableFrequentEmojiSort: PropTypes.bool,
custom: PropTypes.arrayOf(
PropTypes.shape({
name: PropTypes.string.isRequired,
diff --git a/stories/index.js b/stories/index.js
index 8908102..df32e5c 100644
--- a/stories/index.js
+++ b/stories/index.js
@@ -74,6 +74,28 @@ storiesOf('Picker', module)
/>
))
+ .add('Pause Frequent Emoji Sort', () => (
+
+ ))
+
.add('Custom category icons', () => (