chore(react-drawer): adopt custom JSX pragma (#27611)

microsoft · Apr 18, 2023 · 3fff8ce · 3fff8ce
1 parent 2c2438a
commit 3fff8ce
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/react-components/react-drawer/package.json b/packages/react-components/react-drawer/package.json
@@ -38,6 +38,7 @@
     "@fluentui/react-dialog": "^9.5.2",
     "@fluentui/react-theme": "^9.1.7",
     "@fluentui/react-utilities": "^9.8.0",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.1",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },

diff --git a/packages/react-components/react-drawer/src/components/Drawer/renderDrawer.tsx b/packages/react-components/react-drawer/src/components/Drawer/renderDrawer.tsx
@@ -1,13 +1,17 @@
-import * as React from 'react';
-import { getSlots } from '@fluentui/react-utilities';
+/** @jsxRuntime classic */
+/** @jsx createElement */
+
+import { createElement } from '@fluentui/react-jsx-runtime';
+
+import { getSlotsNext } from '@fluentui/react-utilities';
 import type { DrawerState, DrawerSlots } from './Drawer.types';
 import { Dialog, DialogSurface, DialogSurfaceProps } from '@fluentui/react-dialog';
 
 /**
  * Render the final JSX of Drawer
  */
 export const renderDrawer_unstable = (state: DrawerState) => {
-  const { slots, slotProps } = getSlots<DrawerSlots>(state);
+  const { slots, slotProps } = getSlotsNext<DrawerSlots>(state);
 
   const dialogSurfaceProps = {
     ...slotProps.root,