Fix <this.Component />

This is a workaround while waiting on eslint/typescript-eslint-parser#337. Fixes prettier#2471
backus · Jul 13, 2017 · 6a2ef80 · 6a2ef80
1 parent 4131893
commit 6a2ef80
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/src/printer.js b/src/printer.js
@@ -1596,6 +1596,11 @@ function genericPrintNoParens(path, options, print, args) {
 
       return concat(parts);
     case "JSXIdentifier":
+      // Can be removed when this is fixed:
+      // https://github.com/eslint/typescript-eslint-parser/issues/337
+      if (!n.name) {
+        return "this";
+      }
       return "" + n.name;
     case "JSXNamespacedName":
       return join(":", [

diff --git a/tests/typescript_tsx/__snapshots__/jsfmt.spec.js.snap b/tests/typescript_tsx/__snapshots__/jsfmt.spec.js.snap
@@ -52,7 +52,9 @@ const MyCoolThing = ({ thingo }) =>
 
 exports[`this.tsx 1`] = `
 <this.state.Component />;
+<this.Component />;
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 <this.state.Component />;
+<this.Component />;
 
 `;
diff --git a/tests/typescript_tsx/this.tsx b/tests/typescript_tsx/this.tsx
@@ -1 +1,2 @@
 <this.state.Component />;
+<this.Component />;