関数コンポーネント内におけるstyled-componentsの記述について

Question

質問内容

親コンポーネントから渡されるpropsの値によってスタイルを変えたいため、関数コンポーネントの中にstyled-componentsを記述しました。
そうすると、警告が表示されたのですが、意図した通りにスタイリングされているので、無視しても良いのでしょうか？

警告コード

The component styled.div with the id of "sc-fcmMJX" has been created dynamically.
You may see this warning because you've called styled inside another component.
To resolve this only create new StyledComponents outside of any render method and function component.

Answer 1

親コンポーネントから渡されるpropsの値によってスタイルを変えたいため、関数コンポーネントの中にstyled-componentsを記述しました。

styled-componentsのスタイル内容をpropから制御することは、機能として可能です（公式）。

警告メッセージを食らいながら、無理にコンポーネント内で生成してやる必要はないです。