through emoji.native get the expression is black border

I still didn't understand how to solve this problem, throughemoji.native get the expression is still black border. Can you be more specific?

import './App.css'; import React, { Component } from 'react' import 'emoji-mart/css/emoji-mart.css' import { Picker } from 'emoji-mart' import { Input } from 'antd'; import "antd/dist/antd.css"; import { SmileOutlined } from '@ant-design/icons'; import from "lodash" class App extends Component { constructor(props) { super(props); this.state = { chatContent: "", showEmojiModal:false } } onChatContentChange = (value) => { this.setState({ chatContent: value }) }; searchEmoji(emoji, event) { console.log("emoji=====", emoji) emoji.unified="google"; this.setState({ emoji: emoji, showEmojiModal: false }) let { chatContent } = this.state; chatContent = !.isEmpty(chatContent) ? (chatContent + emoji.native) : emoji.native; this.setState({ chatContent }); } render() { return (

{this.state.showEmojiModal&&this.searchEmoji(emoji, event)}/>}

this.setState({ showEmojiModal: !this.state.showEmojiModal })}>

    <div style={{ display: 'flex', flex: 1, alignItems: 'center', paddingLeft: 10, paddingRight: 10, paddingBottom: 10 }}>
      <Input.TextArea
        style={{ display: 'flex', flex: 1, height: '100%', boxShadow: "none", fontSize: 16 }}
        placeholder="..."
        value={this.state.chatContent}
        onPressEnter={e => { }}
        onKeyUp={this.onKeyUp}
        onChange={e => this.onChatContentChange(e.target.value)}
      />
    </div>
  </div>
);

} }

export default App;

Originally posted by @MeiJunNa in https://github.com/missive/emoji-mart/issues/373#issuecomment-733559750

missive / emoji-mart

through emoji.native get the expression is black border #465