Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[material-ui][Tabs] Out of a sudden broken with esm.sh #45027

Open
schlichtanders opened this issue Jan 15, 2025 · 7 comments
Open

[material-ui][Tabs] Out of a sudden broken with esm.sh #45027

schlichtanders opened this issue Jan 15, 2025 · 7 comments
Assignees
Labels
component: tabs This is the name of the generic UI component, not the React module! external dependency Blocked by external dependency, we can’t do anything about it package: material-ui Specific to @mui/material

Comments

@schlichtanders
Copy link

schlichtanders commented Jan 15, 2025

Steps to reproduce

Steps:

  1. Open this link to live example: https://stackblitz.com/edit/stackblitz-starters-a4bz6g3w?file=index.html
  2. see that neither Tabs nor TabList is rendered at all

Current behavior

there are even no dom elements, and also nothing rendered

Image

Expected behavior

I would like to see tabs in one way or another

Context

This error happens precisely after clearing cache of my browser (I still had an old cache from yesterday on my firefox and when deleting it, I get the same error while before it was all good). It is really today Wednesday 15. January that it broke.

I tried several different versions of mui and the same error occurs everywhere. From 5.16.14 to 6.4.0 (EDIT: I was previously running on 6.1.10 where I stilled had the working cache mentioned below)

Your environment

https://stackblitz.com/edit/stackblitz-starters-a4bz6g3w?file=index.html

using firefox and brave

Search keywords: tabs

@schlichtanders schlichtanders added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jan 15, 2025
@zannager zannager added the component: tabs This is the name of the generic UI component, not the React module! label Jan 15, 2025
@DiegoAndai
Copy link
Member

Hey @schlichtanders, thanks for reaching out. I can confirm this behavior in Chrome. It's happening on all the Material UI versions I tested, which you also experienced, even with a version that was previously working. It makes me think that it's not a Material UI issue. Is there a reason you believe this is a Material UI issue? Have you looked into related esm.sh issues or other dependencies that might've broken your example?

@DiegoAndai DiegoAndai added status: waiting for author Issue with insufficient information and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jan 15, 2025
@schlichtanders
Copy link
Author

Interesting thought! Other material UI stuff still works without any problems, hence I thought the root cause could be here. But yeah, I'll open an issue on esm.sh as well 👍

@github-actions github-actions bot added status: waiting for maintainer These issues haven't been looked at yet by a maintainer and removed status: waiting for author Issue with insufficient information labels Jan 16, 2025
@schlichtanders
Copy link
Author

@DiegoAndai do you know an alternative to esm.sh? I thought this would be the go to hosting, but if it is that unstable, maybe there are alternatives...

@DiegoAndai
Copy link
Member

Other material UI stuff still works without any problems, hence I thought the root cause could be here.

That's interesting.

But yeah, I'll open an issue on esm.sh as well

Let's wait a bit and see if we get an answer or direction on this. I'm not that familiar with esm.sh so any direction would be useful.

do you know an alternative to esm.sh?

I don't 😕.

Let's see if we get an answer. If there's nothing for a while, please ping me so we can figure out alternative action points.

@DiegoAndai DiegoAndai added external dependency Blocked by external dependency, we can’t do anything about it and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jan 17, 2025
@DiegoAndai DiegoAndai changed the title Tabs as well as TabList out of a sudden broken [material-ui][Tabs] Out of a sudden broken with esm.sh Jan 17, 2025
@DiegoAndai DiegoAndai added the package: material-ui Specific to @mui/material label Jan 17, 2025
@ije
Copy link

ije commented Jan 18, 2025

i will look into it!

@ije
Copy link

ije commented Jan 18, 2025

@schlichtanders using react instead of preact+htm is working: https://stackblitz.com/edit/stackblitz-starters-2rydfyb7?file=index.html

@schlichtanders
Copy link
Author

thanks for checking react. Very surprising. This shouldn't make a difference, or?

I now changed your example back to using preact and it still works...
no time to inspect further for now, will come back here

https://stackblitz.com/edit/stackblitz-starters-y36t6mjt?file=index.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: tabs This is the name of the generic UI component, not the React module! external dependency Blocked by external dependency, we can’t do anything about it package: material-ui Specific to @mui/material
Projects
None yet
Development

No branches or pull requests

5 participants