title: React component not animated with linaria
body: <p>I have component whose width must change in depends of props.</p>
  <p>My style for component:</p>
  <pre><code>  const SidebarContainer = styled.div`
      width: ${props.isOpen ? 340 : 73}px;
      height: 100vh;
      background-color: ${colors.white100};
      padding-left: 30px;
      padding-top: 17px;
      overflow: hidden;
      position: fixed;
      transition: all 0.5s ease;
  `
  </code></pre>
  <p>Styles changing, but without transition. I tried to use data <a href="https://github.com/callstack/linaria/blob/master/docs/DYNAMIC_STYLES.md" rel="nofollow noreferrer">attributes</a> but it not working.</p>
  <p>How can I fix this?</p>