Fix support for nested function calls for extraHOCs [publish]

Author: ArnaudBarre

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.5.2
+
+- Support nested function calls for extraHOCs (actually fixes [#104](https://github.com/ArnaudBarre/eslint-plugin-react-refresh/issues/104))
+
 ## 0.5.1
 
 - Mark ESLint v10 as supported

package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-refresh",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "type": "module",
   "license": "MIT",
   "scripts": {

src/only-export-components.test.ts

@@ -284,7 +284,7 @@ export function Button(props: PropsWithChildren): ReactNode {
   },
   {
     name: "Nested function calls for extraHOCs",
-    code: "export const Component = styled('div').attrs({})`display: flex;`",
+    code: "export const Link = () => {}; export const Styles = styled('div').attrs((props) => ({ className: 'form-control' }))``;",
     options: { extraHOCs: ["styled"] },
   },
 ];

src/only-export-components.ts

@@ -96,6 +96,9 @@ export const onlyExportComponents: TSESLint.RuleModule<
         ) {
           return callee.object.name;
         }
+        if (callee.object.type === "CallExpression") {
+          return getHocName(callee.object);
+        }
       }
 
       // memo(...)