Styled component (with props) breaks page?

[VisualEhrmanntraut]

I have this styled component: https://www.toptal.com/developers/hastebin/ijinigajec.yaml with props, but when I use it anywhere in my code it breaks the site; nothing renders anymore.
in the console the only thing I can see is the following:

[futursolo]

It's likely that your stylesheet has panicked.

You should either register panic hook that rust can print the panicking message, or switch to the macro-based version (use_style!) so that your stylesheet can be checked at compile time.

https://docs.rs/console_error_panic_hook/latest/console_error_panic_hook/index.html

[VisualEhrmanntraut]

Interesting, could the issue be that its parent is not a function component?

use yew::prelude::*;

use crate::components::{Footer, Skeleton};

pub struct Home;

impl Component for Home {
    type Message = ();
    type Properties = ();

    fn create(_ctx: &Context<Self>) -> Self {
        Self
    }

    fn view(&self, _ctx: &Context<Self>) -> Html {
        html! {
            <>
                <main>
                    // [...]
                    <Skeleton />
                </main>
                <Footer />
            </>
        }
    }
}

this is where I use Skeleton
Home component is used in a yew-router route

[VisualEhrmanntraut]

Nope, just tried it, doesn't change anything. This is very peculiar

[VisualEhrmanntraut]

@futursolo I assume you are using Trunk? Could WebPack be causing an issue here?

[VisualEhrmanntraut]

This is what I get in Chrome. I assume this is your code that's causing this, since it's talking about using "random"

[VisualEhrmanntraut]

Okay, okay, I see now, it's coming from that js_sys::Math::random call. If I remove that call, it no longer dies. Weird.

[VisualEhrmanntraut]

Apparently, using js_sys::Math::random on Webpack too early errors out. Resolved by replacing the call to rand::thread_rng().gen()