From 056e718d7d195f2e9b4c17db63adde54b13a56ae Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Tue, 18 Apr 2023 10:11:46 +0000 Subject: [PATCH] chore(react-migration-v0-v9): adopt custom JSX pragma --- .../react-components/react-migration-v0-v9/package.json | 1 + .../src/components/ItemLayout/ItemLayout.tsx | 8 ++++++-- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/packages/react-components/react-migration-v0-v9/package.json b/packages/react-components/react-migration-v0-v9/package.json index 84753e1f72ff6f..5875802d4d3714 100644 --- a/packages/react-components/react-migration-v0-v9/package.json +++ b/packages/react-components/react-migration-v0-v9/package.json @@ -36,6 +36,7 @@ "@fluentui/react-icons": "^2.0.196", "@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", "@fluentui/react-components": "^9.19.0", "@fluentui/react-northstar": "^0.66.4", diff --git a/packages/react-components/react-migration-v0-v9/src/components/ItemLayout/ItemLayout.tsx b/packages/react-components/react-migration-v0-v9/src/components/ItemLayout/ItemLayout.tsx index 5e4c307936ac68..ed5a33f3eb0fc3 100755 --- a/packages/react-components/react-migration-v0-v9/src/components/ItemLayout/ItemLayout.tsx +++ b/packages/react-components/react-migration-v0-v9/src/components/ItemLayout/ItemLayout.tsx @@ -1,10 +1,14 @@ +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; import * as React from 'react'; import { mergeClasses } from '@fluentui/react-components'; import { ComponentProps, ComponentState, getNativeElementProps, - getSlots, + getSlotsNext, Slot, resolveShorthand, } from '@fluentui/react-utilities'; @@ -78,7 +82,7 @@ export const ItemLayout = React.forwardRef((pro state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className); } - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return (