fix: type annotation in generated <Icon />

kodingdotninja · Sep 7, 2021 · 8534d35 · 8534d35
1 parent e2526ad
commit 8534d35
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/lib/ast.js b/lib/ast.js
@@ -252,6 +252,12 @@ const hastToComponent = (hast, { displayName, isTypescript }) => {
 
   const propsIdentifier = t.identifier("props");
 
+  if (isTypescript) {
+    propsIdentifier.typeAnnotation = t.tsTypeAnnotation(
+      t.tsTypeReference(t.identifier("IconProps"))
+    );
+  }
+
   const iconElement = addOpeningAttributes(
     expressionStatement,
     t.jsxSpreadAttribute(propsIdentifier)
@@ -264,11 +270,6 @@ const hastToComponent = (hast, { displayName, isTypescript }) => {
   // @see {https://babeljs.io/docs/en/babel-types#variabledeclarator}
   const variableIdentifier = t.identifier(displayName);
 
-  if (isTypescript) {
-    variableIdentifier.typeAnnotation = t.tsTypeAnnotation(
-      t.tsTypeReference(t.identifier("IconProps"))
-    );
-  }
   const variableDeclarator = t.variableDeclarator(
     variableIdentifier,
     arrowFunctionIcon

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-chakra-icons",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Transform SVG to React Chakra UI <Icon /> ✨",
   "author": "ri7nz <hi@rin.rocks>",
   "license": "MIT",