Icons not showing in remix in production

[ringuralte]

The toast icons like success and error won't show in production when using react-hot-toast with remix. This is how i initiated it in root.tsx

` return (

)`

[lime517]

Strange - I have the same issue in that the icons don't show. I get a spinner icon instead, but it isn't spinning.

I also have a Remix application, and am only seeing the issue in production.

[ringuralte]

@lime517 yeah it's the same problem for me as well, it works in local development but production have a spinning icon instead which isn't spinning.

[tb-b]

Same here. Showing static spinner on Remix.

[tb-b]

This has fixed it for me, though it relies on remix-utils

import { ClientOnly } from "remix-utils/client-only";

<ClientOnly>
    {() => (
        <Toaster //
           ...
        />
    )}
</ClientOnly>

[lime517]

@tb-b - is that fix still working for you? I gave it a shot, and while it improved the situation, I often still get icons that aren't loading.

[ringuralte]

Setting customs icons seem to fix the issue for me.

[stuart-so]

I am still getting this issue. Icons show a loading circle instead. Happens on success and error. Did anyone find a stable solution?

[lime517]

@stuart-so - our team just uses custom icons. I never found a stable solution for the stock icons with Remix. I've also been looking at https://ui.shadcn.com/docs/components/sonner as a potential alternative.