Support for styled components

[skovhus]

Do we need some special treatment for styled components? At least I'm getting an unexpected error Fast refresh only works when a file only exports components. Use a new file to share constants or functions between components for styled components like AnotherReactContainer in this example:

import styled from "styled-components";

export const SomeReactComponent = () => (<div>Test</div>);

export const AnotherReactContainer = styled.div`
  padding-bottom: 6px;
`;

[ArnaudBarre]

Fixed in 0.4.5!

[floriancargoet]

@ArnaudBarre Was it broken at some point? With the exact same code I have a react-refresh/only-export-components reported.

Edit: I confirm this is a regression from 0.5, I've rolled back to 0.4.26 and it works.

[ArnaudBarre]

Oh sorry I forgot to mentioned it in the changelog, you need extraHOCs: ["styled"] in 0.5.
This was hardcoded before but I made it a lot more general in 0.5 but you need to configure the namespace!

[floriancargoet]

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
`