Support method calls on extraHOCs

[ArnaudBarre]

Thanks. It works but there's at least one case that's not supported: using the attrs()method.

const Component = styled(AnotherComponent).attrs(…)`
  // some css
`

Originally posted by @floriancargoet in #32

[ArnaudBarre]

Fixed in 0.5.1!

[floriancargoet]

It doesn't seem to work for me.

This code still triggers the rule:

export const Styles = styled(InputStyles).attrs((props) => ({
  className: "form-control",
}))``;

[ArnaudBarre]

Oh, thanks for testing it, I will look into it

[ArnaudBarre]

Hey I just tested and it works for me, did you add extraHOCs: ["styled"] into the rules options?

[floriancargoet]

Yes, I added extraHOCs: ["styled"] and it works for the other patterns, just not this one.

[ArnaudBarre]

Does the file contains other things than the paster code and imports? The current code doesn't error when added in the test suite

[floriancargoet]

Here's the full file:

import { FC } from "react";
import { styled } from "styled-components";

export const Styles = styled("div").attrs((props) => ({
  className: "form-control",
}))``;

export const Demo: FC = () => {
  return <Styles>demo</Styles>;
};

[floriancargoet]

If it helps, here's a codesandbox based on npm create vite.
https://codesandbox.io/p/devbox/zealous-brook-dzjmlf

To see the eslint report, you need to fork the codesandbox to be able to open a terminal and run npm run lint.

[ArnaudBarre]

Sorry my test case was not correct 😞. Thanks for the code snippet, I published 0.5.2 for this!

[floriancargoet]

It's working! Thank you for your hard work.