import * as React from 'react'; import { DefaultButton } from 'office-ui-fabric-react/lib/Button'; import { TooltipHost, TooltipDelay, DirectionalHint, ITooltipProps, ITooltipHostStyles, } from 'office-ui-fabric-react/lib/Tooltip'; import { useId } from '@uifabric/react-hooks'; const tooltipProps: ITooltipProps = { onRenderContent: () => ( ), }; const hostStyles: Partial = { root: { display: 'inline-block' } }; export const TooltipCustomExample: React.FunctionComponent = () => { // Use useId() to ensure that the ID is unique on the page. // (It's also okay to use a plain string and manually ensure uniqueness.) const tooltipId = useId('tooltip'); return ( ); };