diff --git a/tools/workspace-plugin/src/generators/react-component/files/component/render__componentName__.tsx__tmpl__ b/tools/workspace-plugin/src/generators/react-component/files/component/render__componentName__.tsx__tmpl__
index 77735347d2f0f3..99e51adc1ecfb2 100644
--- a/tools/workspace-plugin/src/generators/react-component/files/component/render__componentName__.tsx__tmpl__
+++ b/tools/workspace-plugin/src/generators/react-component/files/component/render__componentName__.tsx__tmpl__
@@ -2,15 +2,15 @@
 /** @jsx createElement */
 
 import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
+import { assertSlots } from '@fluentui/react-utilities';
 import type { <%= componentName %>State, <%= componentName %>Slots } from './<%= componentName %>.types';
 
 /**
  * Render the final JSX of <%= componentName %>
  */
 export const render<%= componentName %>_unstable = (state: <%= componentName %>State) => {
-  const { slots, slotProps } = getSlotsNext<<%= componentName %>Slots>(state);
+  assertSlots<<%= componentName %>Slots>(state);
 
   // TODO Add additional slots in the appropriate place
-  return <slots.root {...slotProps.root} />;
+  return <state.root />;
 };
diff --git a/tools/workspace-plugin/src/generators/react-component/files/component/use__componentName__.ts__tmpl__ b/tools/workspace-plugin/src/generators/react-component/files/component/use__componentName__.ts__tmpl__
index a579cb15496f29..587fe507fa7408 100644
--- a/tools/workspace-plugin/src/generators/react-component/files/component/use__componentName__.ts__tmpl__
+++ b/tools/workspace-plugin/src/generators/react-component/files/component/use__componentName__.ts__tmpl__
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { getNativeElementProps } from '@fluentui/react-utilities';
+import { getNativeElementProps, slot } from '@fluentui/react-utilities';
 import type { <%= componentName %>Props, <%= componentName %>State } from './<%= componentName %>.types';
 
 /**
@@ -20,9 +20,9 @@ export const use<%= componentName %>_unstable = (props: <%= componentName %>Prop
     },
     // TODO add appropriate slots, for example:
     // mySlot: resolveShorthand(props.mySlot),
-    root: getNativeElementProps('div', {
+    root: slot.always(getNativeElementProps('div', {
       ref,
       ...props,
-    }),
+    }), {elementType: 'div'}),
   };
 };