twihike/chat-ui-react

💬 React component for conversational UI

chat-ui-react's Issues

When fetching message from api the chat should show some kind of indicator or animation for typing "typing...." or "..." something similar.

and if chat does not support this how can i add this

formated messsage

Hi,
is there easy way how to use messages with wikimarkup, or add time, users, tags to messages except rewriting MUIChat and MUIMessage component?

Can't resolve '@mui/material' when only importing ChatController

I'm looking into this library and would like to roll my own chatbox. However, it seems this library always requires importing MaterialUI, even when not used?

Warning: validateDOMNesting(...) when using JSXMessage

Hi,
when using JSXMessage a Warning: validateDOMNesting(...) is raised if the JSX element used as content uses elements that cannot be descendant of <p>.
I think it's caused by these lines in MuiMessage.tsx :

<Typography variant="body1" style={{ overflowWrap: 'break-word', whiteSpace: 'pre-wrap' }} > {/* eslint-disable-next-line @typescript-eslint/ban-types */} {message.content as object} </Typography>

Probably if the message.content isn't a string it would be better to use a generic <div> and not a <Typography> that produces a <p> element.
Thanks.

Datatype field for MUI TextField

Can we add datatype information which we can pass in ActionRequest as is and use it in textfield (removing multiline and adding type as datatype will do)? Because a person may ask type 'password' or a type 'number' in the chat.

Thanks!`

How to pass message list to chat controller?

I want to pass message list to chat controller and render it. But I'm not able to do so.
chatCtl.state.messages = response.data.Response.messages.map( (item) => ({ type: 'text', content: item.Description, self: item.Sender, createdAt: new Date(), }) );

The list is rendered only after a new message is typed and sent.

React 18

Can we update package to work with react 18?

How to add an avatar image?