appendTo element inside Div

[jerrygzy]

Hi, new to tippy here, how can I append tooltip to <HiExclamationCircle /> element inside <div></div> ?

import * as React from 'react';
import Tippy from '@tippyjs/react';
import { HiExclamationCircle } from 'react-icons/hi';

          <Tippy content={<span >{errors[id].message}</span>} appendTo={HiExclamationCircle}  >
            <div  className='absolute inset-y-0 right-0 flex items-center pr-3'>
                <HiExclamationCircle id="icon" className='text-xl text-red-500' />
            </div>
          </Tippy>

[cwnuramirah]

Hi I'm quite new too. I think you need to useRef hook? I use as its example in image 👇

const ref = useRef();

	<Tippy appendTo={(ref) => ref} >
		<div ref={ref}>
			<HiExclamationCircle />
		</div>
	</Tippy>