Update create-package template to use ForwardRefComponent (microsoft#…

…20118)
mlp73 · Jan 17, 2022 · d4bca65 · d4bca65
1 parent 4d4f457
commit d4bca65
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/...onent/plop-templates-component/src/components/{{componentName}}/{{componentName}}.tsx.hbs b/...onent/plop-templates-component/src/components/{{componentName}}/{{componentName}}.tsx.hbs
@@ -1,13 +1,14 @@
 import * as React from 'react';
 import { use{{componentName}} } from './use{{componentName}}';
-import { {{componentName}}Props } from './{{componentName}}.types';
 import { render{{componentName}} } from './render{{componentName}}';
 import { use{{componentName}}Styles } from './use{{componentName}}Styles';
+import type { {{componentName}}Props } from './{{componentName}}.types';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
 
 /**
  * {{componentName}} component
  */
-export const {{componentName}} = React.forwardRef<HTMLElement, {{componentName}}Props>((props, ref) => {
+export const {{componentName}}: ForwardRefComponent<{{componentName}}Props> = React.forwardRef((props, ref) => {
   const state = use{{componentName}}(props, ref);
 
   use{{componentName}}Styles(state);