chore: favors automatic runtime instead of classic runtime (#29214)

microsoft · Sep 21, 2023 · 979322a · 979322a
1 parent 530a6a6
commit 979322a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/apps/public-docsite-v9/src/Concepts/Slots/Slots.stories.mdx b/apps/public-docsite-v9/src/Concepts/Slots/Slots.stories.mdx
@@ -381,11 +381,9 @@ Both `slot.always` and `slot.optional` methods will create a slot definition tha
 - `renderButton` takes in `ButtonState` and renders content.
 
 ```tsx
-/** @jsxRuntime classic */
-/** @jsx createElement */
+/** @jsxRuntime automatic */
+/** @jsxImportSource @fluentui/react-jsx-runtime */
 
-// createElement custom JSX pragma is required to support slot creation
-import { createElement } from '@fluentui/react-jsx-runtime';
 import { assertSlots } from '@fluentui/react-utilities';
 
 const renderButton_unstable = (state: ButtonState) => {

diff --git a/...plugin/src/generators/react-component/files/component/render__componentName__.tsx__tmpl__ b/...plugin/src/generators/react-component/files/component/render__componentName__.tsx__tmpl__
@@ -1,7 +1,6 @@
-/** @jsxRuntime classic */
-/** @jsx createElement */
+/** @jsxRuntime automatic */
+/** @jsxImportSource @fluentui/react-jsx-runtime */
 
-import { createElement } from '@fluentui/react-jsx-runtime';
 import { assertSlots } from '@fluentui/react-utilities';
 import type { <%= componentName %>State, <%= componentName %>Slots } from './<%= componentName %>.types';