docs: mention attribute on deprecation warnings

Author: gabrieljablonski

Diff for: docs/docs/examples/provider-wrapper.mdx

@@ -8,7 +8,7 @@ Using multiple anchors elements with a single ReactTooltip component.
 
 :::danger
 
-This has been deprecated. Use the `anchorSelect` tooltip prop instead. [Click here](./anchor-select.mdx) for some examples.
+This has been deprecated. Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead. [Click here](../getting-started.mdx) for more details.
 
 :::
 
@@ -104,7 +104,7 @@ import 'react-tooltip/dist/react-tooltip.css';
 
 :::danger
 
-Reminder that this has been deprecated. Use the `anchorSelect` tooltip prop instead. [Click here](./anchor-select.mdx) for some examples.
+Reminder that this has been deprecated. Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead. [Click here](../getting-started.mdx) for more details.
 
 :::
 

Diff for: docs/docs/getting-started.mdx

@@ -51,8 +51,8 @@ yarn add react-tooltip
 
 :::info
 
-If you've been using V5 for a while, you'll notice we've deprecated the `anchorId` prop in favor of the `anchorSelect` prop.
-For more info and more complex use cases, check [the examples](./examples/anchor-select.mdx).
+If you've been using V5 for a while, you'll notice we've deprecated the `anchorId` prop in favor of the `data-tooltip-it` attribute, or the `anchorSelect` prop.
+For more info and more complex use cases using `anchorSelect`, check [the examples](./examples/anchor-select.mdx).
 
 :::
 

Diff for: docs/docs/options.mdx

@@ -104,7 +104,7 @@ import 'react-tooltip/dist/react-tooltip.css'
 | `place`            | `string`                   | no        | `top`                     | `top` `right` `bottom` `left`                     | Position relative to the anchor element where the tooltip will be rendered (if possible)                                                                        |
 | `offset`           | `number`                   | no        | `10`                      | any `number`                                      | Space between the tooltip element and anchor element (arrow not included in calculation)                                                                        |
 | `id`               | `string`                   | no        |                           | any `string`                                      | The tooltip id. Must be set when using `data-tooltip-id` on the anchor element                                                                                  |
-| ~~`anchorId`~~     | ~~`string`~~               | ~~no~~    |                           | ~~any `string`~~                                  | ~~The id for the anchor element for the tooltip~~ <br/>**DEPRECATED**<br/>Use `anchorSelect` instead                                                            |
+| ~~`anchorId`~~     | ~~`string`~~               | ~~no~~    |                           | ~~any `string`~~                                  | ~~The id for the anchor element for the tooltip~~ <br/>**DEPRECATED**<br/>Use `data-tooltip-id` or `anchorSelect` instead                                                            |
 | `anchorSelect`     | CSS selector               | no        |                           | any valid CSS selector                            | The selector for the anchor elements. Check [the examples](../examples/anchor-select.mdx) for more details                                                      |
 | `variant`          | `string`                   | no        | `dark`                    | `dark` `light` `success` `warning` `error` `info` | Change the tooltip style with default presets                                                                                                            |
 | `wrapper`          | HTML tag                   | no        | `div`                     | `div` `span` `p` ...                              | Element wrapper for the tooltip container, can be `div`, `span`, `p` or any valid HTML tag                                                                           |

Diff for: src/components/Tooltip/TooltipTypes.d.ts

@@ -43,8 +43,8 @@ export interface ITooltip {
   id?: string
   variant?: VariantType
   /**
-   * @deprecated Use `anchorSelect` instead.
-   * See https://react-tooltip.com/docs/examples/anchor-select
+   * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.
+   * See https://react-tooltip.com/docs/getting-started
    */
   anchorId?: string
   anchorSelect?: string

Diff for: src/components/TooltipController/TooltipControllerTypes.d.ts

@@ -21,8 +21,8 @@ export interface ITooltipController {
   id?: string
   variant?: VariantType
   /**
-   * @deprecated Use `anchorSelect` instead.
-   * See https://react-tooltip.com/docs/examples/anchor-select
+   * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.
+   * See https://react-tooltip.com/docs/getting-started
    */
   anchorId?: string
   anchorSelect?: string

Diff for: src/components/TooltipProvider/TooltipProvider.tsx

@@ -35,8 +35,8 @@ const DEFAULT_CONTEXT_DATA_WRAPPER: TooltipContextDataWrapper = {
 const TooltipContext = createContext<TooltipContextDataWrapper>(DEFAULT_CONTEXT_DATA_WRAPPER)
 
 /**
- * @deprecated Use `anchorSelect` instead.
- * See https://react-tooltip.com/docs/examples/anchor-select
+ * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.
+ * See https://react-tooltip.com/docs/getting-started
  */
 const TooltipProvider: React.FC<PropsWithChildren> = ({ children }) => {
   const [anchorRefMap, setAnchorRefMap] = useState<Record<string, Set<AnchorRef>>>({

Diff for: src/components/TooltipProvider/TooltipProviderTypes.d.ts

@@ -2,8 +2,8 @@ import type { ReactNode, RefObject } from 'react'
 import type { ITooltipController } from 'components/TooltipController/TooltipControllerTypes'
 
 /**
- * @deprecated Use `anchorSelect` instead.
- * See https://react-tooltip.com/docs/examples/anchor-select
+ * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.
+ * See https://react-tooltip.com/docs/getting-started
  */
 export type AnchorRef = RefObject<HTMLElement>
 
@@ -20,8 +20,8 @@ export interface TooltipContextDataWrapper {
 }
 
 /**
- * @deprecated Use `anchorSelect` instead.
- * See https://react-tooltip.com/docs/examples/anchor-select
+ * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.
+ * See https://react-tooltip.com/docs/getting-started
  */
 export interface ITooltipWrapper {
   tooltipId?: string

Diff for: src/components/TooltipProvider/TooltipWrapper.tsx

@@ -4,8 +4,8 @@ import { useTooltip } from './TooltipProvider'
 import type { ITooltipWrapper } from './TooltipProviderTypes'
 
 /**
- * @deprecated Use `anchorSelect` instead.
- * See https://react-tooltip.com/docs/examples/anchor-select
+ * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.
+ * See https://react-tooltip.com/docs/getting-started
  */
 const TooltipWrapper = ({
   tooltipId,