Не могу добавить Типпи для кнопки в реагировать JS

Question

Я импортировал указанные ниже пакеты и попытался сослаться на приведенную ниже ссылку, в которой я не понимал, где разместить код tippy. Пожалуйста, помогите мне.

https://atomiks.github.io/tippyjs/html-content

import React from 'react';
import ReactDom from 'react-dom';
import tippy from 'tippy.js';
import 'tippy.js/dist/tippy.css';

class Trial extentds Component {
    render(){
        return(
            <div>
                <Button onClick={this.submitTaggedFace} disabled={!this.validate()} variant="contained" color="primary"
                data-tippy="Tooltip"
                data-tippy-animation="scale"
                data-tippy-duration="0"
                data-tippy-arrow="true"
                data-tippy-delay="[800, 200]"
                >Click to Tag</Button>
            </div>
        )
    }
}

Answer 1

В вашем коде нет ничего плохого. Вы должны пропустить что-то в другом компоненте.

Я создал этот пример кода и коробки:

https://codesandbox.io/s/5y8zm52own