chore(react-tooltip): adopt custom JSX pragma

microsoft · Apr 18, 2023 · b0486f8 · b0486f8
1 parent 391878b
commit b0486f8
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/change/@fluentui-react-tooltip-f7819a8a-2b0f-4263-b282-9e404a88889c.json 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
@@ -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
@@ -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<TooltipSlots>(state);
+  const { slots, slotProps } = getSlotsNext<TooltipSlots>(state);
 
   return (
     <>