use older object literal form

still supported by new styled-components

Author: ephetic

src/styled-components.js

@@ -36,12 +36,9 @@ export default function TaggedTemplateExpression(path, state) {
   // hoisted helpers in closure
   function insertBefore(node, id) {
     return t.callExpression(t.memberExpression(node, t.identifier('attrs')), [
-      t.arrowFunctionExpression(
-        [],
-        t.objectExpression([
-          t.objectProperty(t.StringLiteral(options.attribute), t.StringLiteral(id))
-        ])
-      )
+      t.objectExpression([
+        t.objectProperty(t.StringLiteral(options.attribute), t.StringLiteral(id))
+      ])
     ])
   }
   function isStyledPrefix(node) {

test/fixtures/react/styled-components/actual.js

@@ -11,6 +11,10 @@ const withChain = styled.div.withConfig()`
   color: black;
 `
 
+const withInterpolation = styled.div`
+  color: ${Colors.black};
+`
+
 const el = styled(El)`
   color: black;
 `

test/fixtures/react/styled-components/expected.js

@@ -3,40 +3,46 @@ import styled from 'styled-components';
 
 /* should be transformed */
 
-const basic = styled.div.attrs(() => ({
+const basic = styled.div.attrs({
   'data-qa': 'basic'
-}))`
+})`
   color: black;
 `;
 
-const withChain = styled.div.attrs(() => ({
+const withChain = styled.div.attrs({
   'data-qa': 'withChain'
-})).withConfig()`
+}).withConfig()`
   color: black;
 `;
 
-const el = styled(El).attrs(() => ({
+const withInterpolation = styled.div.attrs({
+  'data-qa': 'withInterpolation'
+})`
+  color: ${Colors.black};
+`;
+
+const el = styled(El).attrs({
   'data-qa': 'el'
-}))`
+})`
   color: black;
 `;
 
-const arrowExpr = () => styled.div.attrs(() => ({
+const arrowExpr = () => styled.div.attrs({
   'data-qa': 'arrowExpr'
-}))`
+})`
   color: black;
 `;
 
 // covered by VariableDeclaraion cases
-export const exported = styled.div.attrs(() => ({
+export const exported = styled.div.attrs({
   'data-qa': 'exported'
-}))`
+})`
   color: black;
 `;
 
-export default styled.div.attrs(() => ({
+export default styled.div.attrs({
   'data-qa': 'actual'
-}))`
+})`
   color: black;
 `;