diff --git a/change/@fluentui-react-alert-935473ef-6eda-4240-b022-e82946cafdee.json b/change/@fluentui-react-alert-935473ef-6eda-4240-b022-e82946cafdee.json new file mode 100644 index 00000000000000..74fe549ac09a44 --- /dev/null +++ b/change/@fluentui-react-alert-935473ef-6eda-4240-b022-e82946cafdee.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: adopt custom JSX pragma", + "packageName": "@fluentui/react-alert", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-alert/package.json b/packages/react-components/react-alert/package.json index b64c6fc855267c..b901ef0eac4c9e 100644 --- a/packages/react-components/react-alert/package.json +++ b/packages/react-components/react-alert/package.json @@ -38,6 +38,7 @@ "@fluentui/react-tabster": "^9.6.4", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-alert/src/components/Alert/renderAlert.tsx b/packages/react-components/react-alert/src/components/Alert/renderAlert.tsx index 07860021049625..f8554b51604c84 100644 --- a/packages/react-components/react-alert/src/components/Alert/renderAlert.tsx +++ b/packages/react-components/react-alert/src/components/Alert/renderAlert.tsx @@ -1,11 +1,13 @@ -import * as React from 'react'; +/** @jsxRuntime classic */ +/** @jsx createElement */ -import { getSlots } from '@fluentui/react-utilities'; +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { AlertState, AlertSlots } from './Alert.types'; export const renderAlert_unstable = (state: AlertState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return (