title: How to pass custom attribute to a styled component in a functional component?
body: <p>I'm trying to understand how this thing works, but all examples that I found was written in a class fashion.</p>
  
  <pre><code>   import React from 'react'
     import styled from 'styled-components/native'
  
     const MyTag = styled.Button.attrs({
       title: myThisThingValue
     })`
       // some style
       background: thisIsAlsoMyThingValue
     \` 
  
     export default function MyComponent({ props }) {
       return(
         &lt;MyTag myThisThing="My value" thisIsAlsoMyThing="Other Value" /&gt;
           )
     }
  
  </code></pre>
  
  <p>I'm just want access to my custom attributes in the MyTag styled. I used a <code>(props) =&gt; {title: props.MyThing }</code> in .attrs() but didn't work.</p>