chore(react-breadcrumb): adopt custom JSX pragma (microsoft#27604)

packages/react-components/react-breadcrumb/package.json

@@ -38,6 +38,7 @@
     "@fluentui/react-shared-contexts": "^9.3.3",
     "@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"
   },

packages/react-components/react-breadcrumb/src/components/Breadcrumb/renderBreadcrumb.tsx

@@ -1,12 +1,16 @@
-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 { BreadcrumbProvider } from './BreadcrumbContext';
 import type { BreadcrumbState, BreadcrumbSlots, BreadcrumbContextValues } from './Breadcrumb.types';
 /**
  * Render the final JSX of Breadcrumb
  */
 export const renderBreadcrumb_unstable = (state: BreadcrumbState, contextValues: BreadcrumbContextValues) => {
-  const { slots, slotProps } = getSlots<BreadcrumbSlots>(state);
+  const { slots, slotProps } = getSlotsNext<BreadcrumbSlots>(state);
   const { root, list } = slotProps;
   return (
     <slots.root {...root}>

packages/react-components/react-breadcrumb/src/components/BreadcrumbDivider/renderBreadcrumbDivider.tsx

@@ -1,12 +1,16 @@
-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 { BreadcrumbDividerState, BreadcrumbDividerSlots } from './BreadcrumbDivider.types';
 
 /**
  * Render the final JSX of BreadcrumbDivider
  */
 export const renderBreadcrumbDivider_unstable = (state: BreadcrumbDividerState) => {
-  const { slots, slotProps } = getSlots<BreadcrumbDividerSlots>(state);
+  const { slots, slotProps } = getSlotsNext<BreadcrumbDividerSlots>(state);
 
   return <slots.root {...slotProps.root} />;
 };

packages/react-components/react-breadcrumb/src/components/BreadcrumbItem/renderBreadcrumbItem.tsx

@@ -1,12 +1,16 @@
-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 { BreadcrumbItemState, BreadcrumbItemSlots } from './BreadcrumbItem.types';
 
 /**
  * Render the final JSX of BreadcrumbItem
  */
 export const renderBreadcrumbItem_unstable = (state: BreadcrumbItemState) => {
-  const { slots, slotProps } = getSlots<BreadcrumbItemSlots>(state);
+  const { slots, slotProps } = getSlotsNext<BreadcrumbItemSlots>(state);
 
   return <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root>;
 };

packages/react-components/react-breadcrumb/src/components/BreadcrumbLink/renderBreadcrumbLink.tsx

@@ -1,12 +1,16 @@
-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 { BreadcrumbLinkState, BreadcrumbLinkSlots } from './BreadcrumbLink.types';
 
 /**
  * Render the final JSX of BreadcrumbLink
  */
 export const renderBreadcrumbLink_unstable = (state: BreadcrumbLinkState) => {
-  const { slots, slotProps } = getSlots<BreadcrumbLinkSlots>(state);
+  const { slots, slotProps } = getSlotsNext<BreadcrumbLinkSlots>(state);
   const { iconOnly, iconPosition } = state;
   return (
     <slots.root {...slotProps.root}>