react-chat-elements icon indicating copy to clipboard operation
react-chat-elements copied to clipboard

Support HTMl tags in message

Open buildwithhamid opened this issue 2 years ago • 2 comments

here is the message that I want to show Please select the Service Provider\n0. Main Menu\n1. Back\n2. CarSpa Experts\n3. DriveShine Services\n4. SwiftLube & Wash\n5. AutoCare Pros\n6. Greenwheels Maintenance;

  1. I want to show the asterisk message in Bold.
  2. \n should be added to the new line

so I wrote a method that reads the text from the backend and converts it into HTML tags like this: <----Please select the Service Provider
0. Main Menu
1. Back
2. CarSpa Experts
3. DriveShine Services
4. SwiftLube & Wash
5. AutoCare Pros
6. Greenwheels Maintenance"---->

when I tried to provide my div element to text in MessageBox it popped up with this error

error: Type 'Element' is not assignable to type 'string'.

Please provide support for the HTML tags or provide a way to achieve this in Reactjs and Typescript

buildwithhamid avatar Oct 20 '23 08:10 buildwithhamid

the text property accepts React.Element. It seems to be that the typescript defintion of text property is just string only. that is the reason we are getting the error. it would be nice if it is updated some thing like this text: string | React.Element in IMessage inteface in type.d.ts

Thanks

last-Programmer avatar Oct 25 '23 15:10 last-Programmer