You may see this warning because you’ve called styled inside another component. Styled-Components

Rodrigo Figueroa
Geek Culture
Published in
Jul 24, 2020

--

The component styled.div with the id of “sc-fzplWN” 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.

First Don’t Panic!

You may see this warning because you’ve called styled inside another component.
You may see this warning because you’ve called styled inside another component.

Problem example

Code of styled-component warning
Code of styled-component warning

Solution

Put all your Styled-Components outside the component

Example of how to put your code
Example of how to put your code

Console is clear Finally

Finally Step
Finally Step of warning

Conclusion

Don’t panic we need to calm down then read and try to think what is happening then try to diminish the warning and with one block of code you have to experiment with them and finally just be patient when the things are a little complicated.

--

--

Rodrigo Figueroa
Geek Culture

I’m a Web Developer, fanatic of books and Smash Player.