diff --git a/app/javascript/flavours/glitch/components/load_gap.tsx b/app/javascript/flavours/glitch/components/load_gap.tsx
index 77d1143a9..52d701d5d 100644
--- a/app/javascript/flavours/glitch/components/load_gap.tsx
+++ b/app/javascript/flavours/glitch/components/load_gap.tsx
@@ -16,21 +16,21 @@ interface Props {
   intl: InjectedIntl;
 }
 
-export const LoadGap = injectIntl<Props>(
-  ({ disabled, maxId, onClick, intl }) => {
-    const handleClick = useCallback(() => {
-      onClick(maxId);
-    }, [maxId, onClick]);
+const _LoadGap: React.FC<Props> = ({ disabled, maxId, onClick, intl }) => {
+  const handleClick = useCallback(() => {
+    onClick(maxId);
+  }, [maxId, onClick]);
 
-    return (
-      <button
-        className='load-more load-gap'
-        disabled={disabled}
-        onClick={handleClick}
-        aria-label={intl.formatMessage(messages.load_more)}
-      >
-        <Icon id='ellipsis-h' />
-      </button>
-    );
-  }
-);
+  return (
+    <button
+      className='load-more load-gap'
+      disabled={disabled}
+      onClick={handleClick}
+      aria-label={intl.formatMessage(messages.load_more)}
+    >
+      <Icon id='ellipsis-h' />
+    </button>
+  );
+};
+
+export const LoadGap = injectIntl(_LoadGap);