fix: getComponentName for factories (PropertyAccessExpression)

astahmer · Mar 2, 2023 · 8cac8be · 8cac8be
1 parent 58ff8b8
commit 8cac8be
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/.changeset/yellow-radios-decide.md b/.changeset/yellow-radios-decide.md
@@ -0,0 +1,5 @@
+---
+"@box-extractor/core": patch
+---
+
+fix: getComponentName for factories (PropertyAccessExpression)
diff --git a/packages/box-extractor/src/extractor/extract.ts b/packages/box-extractor/src/extractor/extract.ts
@@ -22,10 +22,10 @@ import { isNotNullish } from "./utils";
 const logger = createLogger("box-ex:extractor:extract");
 type QueryComponentMap = Map<JsxOpeningElement | JsxSelfClosingElement, { name: string; props: MapTypeValue }>;
 
-const getComponentName = ({ node }: { node: JsxOpeningElement | JsxSelfClosingElement }) => {
+const getComponentName = (node: JsxOpeningElement | JsxSelfClosingElement) => {
     const tagNameNode = node.getTagNameNode();
     if (Node.isPropertyAccessExpression(tagNameNode)) {
-        return tagNameNode.getExpression().getText();
+        return tagNameNode.getName();
     }
 
     return tagNameNode.getText();
@@ -64,7 +64,7 @@ export const extract = ({ ast, components, functions, extractMap = new Map() }:
 
             visitedComponentFromSpreadList.add(componentNode);
 
-            const componentName = getComponentName({ node: componentNode });
+            const componentName = getComponentName(componentNode);
             if (
                 !components.matchTag({
                     tagNode: componentNode,
@@ -171,7 +171,7 @@ export const extract = ({ ast, components, functions, extractMap = new Map() }:
             );
             if (!componentNode) return;
 
-            const componentName = getComponentName({ node: componentNode });
+            const componentName = getComponentName(componentNode);
             if (
                 !components.matchTag({
                     tagNode: componentNode,