adding props

Author: bwebs

packages/react-hooks/README.md

@@ -201,7 +201,7 @@ const MyInbox = () => {
     <Container>
       {inbox.messages.map((message) => {
         return (
-          <Message>
+          <Message message={message}>
             {message.read ? (
               <>
                 <button onClick={handleUnreadMessage(message)}>

packages/react-hooks/docs/2.events.md

@@ -60,7 +60,7 @@ const MyInbox = () => {
     <Container>
       {inbox.messages.map((message) => {
         return (
-          <Message>
+          <Message message={message}>
             {message.read ? (
               <>
                 <button onClick={handleUnreadMessage(message)}>

packages/react-inbox/src/components/Messages2.0/index.tsx

@@ -361,7 +361,7 @@ const Messages: React.ForwardRefExoticComponent<
                   renderMessage(message)
                 ) : (
                   <Message
-                    {...message}
+                    message={message}
                     isMobile={isMobile}
                     defaultIcon={defaultIcon}
                     formatDate={formatDate}
@@ -389,7 +389,7 @@ const Messages: React.ForwardRefExoticComponent<
                   renderMessage(message)
                 ) : (
                   <Message
-                    {...message}
+                    message={message}
                     defaultIcon={defaultIcon}
                     formatDate={formatDate}
                     isMessageFocused={focusedMessageId === message.messageId}

packages/storybook/stories/client-graphql/examples/messages.tsx

@@ -1,10 +1,7 @@
 import React, { useMemo, useEffect, useState } from "react";
-import {
-  Inbox,
-  IInboxMessagePreview,
-  IInboxMessage,
-} from "@trycourier/client-graphql";
+import { Inbox } from "@trycourier/client-graphql";
 import styled from "styled-components";
+import { IInboxMessage, IInboxMessagePreview } from "@trycourier/core";
 
 const Styled = styled.div`
   display: flex;