Problem with utilizing props

Version

1.4.5

Reproduction

parent.js

  <FloatingMenu background="red">
         {...}
   </FloatingMenu>

child.js

const Container = styled.ul`
  background: ${props => props.background}
  }
`;

The props.background simply not working at all.

Steps to reproduce

git clone https://github.com/ifndefdeadmau5/react-floating-button-menu npm install npm start

Expected Behavior

The props inside of template literal has to hold received props

Actual Behavior

Got undefined except boolean props. Also, the style doesn’t change whenever props that determines it’s style is changed

[ifndefdeadmau5]

I struggled almost 4 hours like ‘why this simple feature doesn’t work’ and finally decide to report a bug and totally don’t regret it!! Thank you so much

[k15a]

Unfortunately we can’t do any magic and you still have to pass your props around like you do in React.