Tooltip for a label

By default the tooltip becomes the accessible description of the target.

If the tooltip is just repeating the existing label you should override aria-describedby.

import { useTooltip } from '@citizensadvice/react-dialogs';

export function Example() {
  const { tooltipProps, tooltip } = useTooltip('Help');

  return (
    <>
      <button
        type="button"
        {...tooltipProps}
        aria-describedby={null}
        aria-label="Help"
      >
        ?
      </button>
      {tooltip}
    </>
  );
}