Wrap EmojiPicker with a Suspense boundary

src/features/emoji/components/emoji-picker-dropdown.tsx

@@ -1,5 +1,5 @@
 import { Map as ImmutableMap } from 'immutable';
-import React, { useEffect, useState, useLayoutEffect } from 'react';
+import React, { useEffect, useState, useLayoutEffect, Suspense } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { createSelector } from 'reselect';
 
@@ -215,6 +215,7 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({
   return (
     visible ? (
       <RenderAfter update={update}>
+        <Suspense>
           <EmojiPicker
             custom={withCustom ? [{ emojis: buildCustomEmojis(customEmojis) }] : undefined}
             title={title}
@@ -230,6 +231,7 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({
             skinTonePosition='search'
             previewPosition='none'
           />
+        </Suspense>
       </RenderAfter>
     ) : null
   );