✅ Deploy Preview for pathoplexus ready!

Name	Link
🔨 Latest commit	d9950b5
🔍 Latest deploy log	https://app.netlify.com/sites/pathoplexus/deploys/652e93a0e7be5000082153e0
😎 Deploy Preview	https://deploy-preview-332--pathoplexus.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

use client:only, otherwise everything breaks. No idea why

Are you using MUI? MUI doesn't work properly with Astro's hydration (so I think that we should avoid it whenever there is a decent alternative.)

only mui icons...

Sounds like that's it? withastro/astro#6512

(There's a possible workaround there if one is wedded to these icons - it also may apply to MUI more generally. I've also used react-icons a lot.)

download button will be implemented here #358

(There's a possible workaround there if one is wedded to these icons - it also may apply to MUI more generally. I've also used react-icons a lot.)

So, as much changed since the initial commit, now client:load works as expected (even with mui icons). Still a bit curious, what the issue was.

So, this load vs. only issue occured again and now I know the reason:

When using map in react each element should have a unique key. Otherwise react will render everthing (in that map) new when a single entry changed. Not fine, but works.

Now our hypothesis:
But when astro needs to hydrate this components, it cannot associate the correct props and the whole thing goes down.