diff --git a/change/@fluentui-react-tooltip-f7819a8a-2b0f-4263-b282-9e404a88889c.json b/change/@fluentui-react-tooltip-f7819a8a-2b0f-4263-b282-9e404a88889c.json new file mode 100644 index 00000000000000..f2f16106040906 --- /dev/null +++ b/change/@fluentui-react-tooltip-f7819a8a-2b0f-4263-b282-9e404a88889c.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: adopt custom JSX pragma", + "packageName": "@fluentui/react-tooltip", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-tooltip/package.json b/packages/react-components/react-tooltip/package.json index 72cff97972f936..d3712d660e3b2c 100644 --- a/packages/react-components/react-tooltip/package.json +++ b/packages/react-components/react-tooltip/package.json @@ -33,6 +33,7 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@fluentui/react-portal": "^9.2.6", "@fluentui/react-positioning": "^9.5.10", "@fluentui/react-shared-contexts": "^9.3.3", diff --git a/packages/react-components/react-tooltip/src/components/Tooltip/renderTooltip.tsx b/packages/react-components/react-tooltip/src/components/Tooltip/renderTooltip.tsx index eb0fd4254f6dad..e0857b24699a06 100644 --- a/packages/react-components/react-tooltip/src/components/Tooltip/renderTooltip.tsx +++ b/packages/react-components/react-tooltip/src/components/Tooltip/renderTooltip.tsx @@ -1,13 +1,20 @@ +/** @jsxRuntime classic */ +/** @jsxFrag React.Fragment */ +/** @jsx createElement */ + import * as React from 'react'; import { Portal } from '@fluentui/react-portal'; -import { getSlots } from '@fluentui/react-utilities'; + +import { createElement } from '@fluentui/react-jsx-runtime'; + +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TooltipSlots, TooltipState } from './Tooltip.types'; /** * Render the final JSX of Tooltip */ export const renderTooltip_unstable = (state: TooltipState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( <>