diff --git a/packages/react/src/components/Messages.js b/packages/react/src/components/Messages.js
index 9aad80b..c5d399b 100644
--- a/packages/react/src/components/Messages.js
+++ b/packages/react/src/components/Messages.js
@@ -27,7 +27,7 @@ export const Messages = ({
   const messages = edges.map(({ node }) => node);
 
   const loadMore = useCallback(() => fetchMore(), [fetchMore, edges.length]);
-  const loadingMessages = useMemo(() => new Array(limit).fill(null).map((_, id) => (<Message key={id} loading={true}/>)), [limit]);
+  const loadingMessages = useMemo(() => new Array(limit).fill(null).map((_, id) => (<Message key={id} loading={true} {...restProps}/>)), [limit]);
 
   const handleEdit = useCallback((_, messageId) => setEditMessageId(messageId), []);
   const handleAbortEdit = useCallback((_) => setEditMessageId(null), []);