docs

Author: broccolinisoup

README.md

@@ -39,3 +39,4 @@ ESLint rules for Primer React
 - [a11y-explicit-heading](https://github.com/primer/eslint-plugin-primer-react/blob/main/docs/rules/a11y-explicit-heading.md)
 - [a11y-link-in-text-block](https://github.com/primer/eslint-plugin-primer-react/blob/main/docs/rules/a11y-link-in-text-block.md)
 - [a11y-remove-disable-tooltip](https://github.com/primer/eslint-plugin-primer-react/blob/main/docs/rules/a11y-remove-disable-tooltip.md)
+- [a11y-use-next-tooltip](https://github.com/primer/eslint-plugin-primer-react/blob/main/docs/rules/a11y-use-next-tooltip.md)

docs/rules/a11y-use-next-tooltip.md

@@ -19,10 +19,10 @@ import {Tooltip} from '@primer/react/next'
 
 Even though the below code is perfectly valid, since icon buttons now come with tooltips by default, it is not required to explicitly use the Tooltip component on icon buttons.
 
-```jsx
+```tsx
 import {IconButton} from '@primer/react'
 import {Tooltip} from '@primer/react/next'
-;<Tooltip text={'Search'} direction={'e'}>
-  <IconButton icon={SearchIcon} aria-label={'Search'} />
+<Tooltip text="Search" direction="e">
+  <IconButton icon={SearchIcon} aria-label="Search" />
 </Tooltip>
 ```