Allow TaggedTemplateExpression for styled components (fixes #32)

Author: ArnaudBarre

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.4.5
+
+- Allow `TaggedTemplateExpression` for styled components (fixes #32)
+
 ## 0.4.4
 
 - Add `allowExportNames` option (fixes #29)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-refresh",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "license": "MIT",
   "scripts": {
     "build": "scripts/bundle.ts",

src/only-export-components.test.ts

@@ -65,6 +65,10 @@ const valid = [
     name: "Two components & local function",
     code: "const foo = () => {}; export const Bar = () => {}; export const Baz = () => {};",
   },
+  {
+    name: "styled components",
+    code: "export const Foo = () => {}; export const Bar = styled.div`padding-bottom: 6px;`;",
+  },
   {
     name: "Direct export variable",
     code: "export const foo = 3;",

src/only-export-components.ts

@@ -253,7 +253,6 @@ const notReactComponentExpression: ToString<TSESTree.Expression["type"]>[] = [
   "Literal",
   "LogicalExpression",
   "ObjectExpression",
-  "TaggedTemplateExpression",
   "TemplateLiteral",
   "ThisExpression",
   "UnaryExpression",