chore(react-data-grid-react-window): adopt custom JSX pragma

microsoft · Apr 15, 2023 · a335944 · a335944
1 parent bb758eb
commit a335944
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/change/@fluentui-react-data-grid-react-window-128a12e2-e75c-434a-97a2-0e7bd90cb1ae.json b/change/@fluentui-react-data-grid-react-window-128a12e2-e75c-434a-97a2-0e7bd90cb1ae.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "chore: adopt custom JSX pragma",
+  "packageName": "@fluentui/react-data-grid-react-window",
+  "email": "bernardo.sunderhus@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-data-grid-react-window/package.json b/packages/react-components/react-data-grid-react-window/package.json
@@ -31,6 +31,7 @@
   "dependencies": {
     "@fluentui/react-table": "^9.2.5",
     "@fluentui/react-utilities": "^9.7.4",
+    "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0",
     "@swc/helpers": "^0.4.14",
     "react-window": "^1.8.6"
   },

diff --git a/...omponents/react-data-grid-react-window/src/components/DataGridBody/renderDataGridBody.tsx b/...omponents/react-data-grid-react-window/src/components/DataGridBody/renderDataGridBody.tsx
@@ -1,15 +1,18 @@
-import * as React from 'react';
+/** @jsxRuntime classic */
+/** @jsx createElement */
+
+import { createElement } from '@fluentui/react-jsx-runtime';
+import { getSlotsNext } from '@fluentui/react-utilities';
 import type { DataGridBodyState, DataGridBodySlots } from './DataGridBody.types';
 import { FixedSizeList as List, ListChildComponentProps } from 'react-window';
-import { getSlots } from '@fluentui/react-utilities';
 import { TableRowData, TableRowIdContextProvider } from '@fluentui/react-table';
 import { TableRowIndexContextProvider } from '../../contexts/rowIndexContext';
 
 /**
  * Render the final JSX of DataGridVirtualizedBody
  */
 export const renderDataGridBody_unstable = (state: DataGridBodyState) => {
-  const { slots, slotProps } = getSlots<DataGridBodySlots>(state);
+  const { slots, slotProps } = getSlotsNext<DataGridBodySlots>(state);
 
   return (
     <slots.root {...slotProps.root}>