'border color of atomiks / tippyjs-react

I am trying to implement a tooltip in react JS. but am not able to change the border color of the tooltip and the documentation is also not clear for me. can someone help me to understand?

Tooltip is library that i used

https://github.com/atomiks/tippyjs-react

my react code

import Tippy from '@tippyjs/react';

import 'tippy.js/dist/tippy.css';
import 'tippy.js/themes/light.css';



<Tippy theme='light' content={
                        <div
                            style={{
                                color: '#333333',
                                font: 'Noto Sans, Regular',
                            }}
                        >
                            Tooltip contnet
                        </div>
                    }
                >

did anyone faced same issue and if you have any solution please help me.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source