12.0.4 Updates
# Meeting Link changes
## You can render custom meeting link action buttons
### New usage;
```js
import { MeetlingLink } from 'react-chat-elements'
{
console.log(test)
},
Component: () => Test
,
},
{
onClickButton: test => {
console.log(test)
},
Component: () => Test
,
},
]}
.
.
.
/>
```
### In MessageList component usage;
```js
import { MessageList } from 'react-chat-elements'
{
console.log(test)
},
Component: () => Test
,
},
{
onClickButton: test => {
console.log(test)
},
Component: () => Test
,
},
]}
.
.
.
/>
```
12.0.0 Updates
# typescript support
11.0.0 Updates
This update target to fix component ref broken problems
Fixed issues:
- https://github.com/Detaysoft/react-chat-elements/issues/158
- https://github.com/Detaysoft/react-chat-elements/issues/157
- https://github.com/Detaysoft/react-chat-elements/issues/142
1. All react-chat-elements components turneded to function component for "ref" property problems.
2. In the [Input](https://github.com/Detaysoft/react-chat-elements#input-component) component `referance={...}` instead of use `ref={...}`
3. **10.16.2** and before vesion usage
**Before usage**: this.refs.input.clear();
After **11.0.0** version usage is:
```js
import { Input } from 'react-chat-elements'
```
New usage in **class component**: clearRef();
```js
import { Input } from 'react-chat-elements'
let clearRef = () => {};
this.inputReferance = React.createRef();
clearRef = clear}
placeholder="Type here..."
multiline={true}
.
.
.
/>
```
New usage in **function component**: clearRef();
```js
import { Input } from 'react-chat-elements'
let clearRef = () => {};
const inputReferance = React.useRef();
clearRef = clear}
placeholder="Type here..."
multiline={true}
.
.
.
/>
```
4. In the [MessageList](https://github.com/Detaysoft/react-chat-elements#messagelist-component) component usage `referance={...}` instead of use `ref={...}`
**Class Component:**
```js
import { MessageList } from 'react-chat-elements'
this.messageList = React.createRef();
```
**Function Component:**
```js
import { MessageList } from 'react-chat-elements'
const messageListReferance = React.useRef();
```