How do I get consistency across package dependencies? The ?deps= query parameter doesn't seem to do it deep enough.

[shawncrawley]

I keep running into cases where the ?deps= query parameter is yielding inconsistencies. I cannot figure out how to appropriately solve this.

My current example is: https://esm.sh/@mui/[email protected]

One of the imports in the resulting content is https://esm.sh/v135/@mui/[email protected]/es2022/DefaultPropsProvider.js, which itself imports [email protected].

I then tried just using [email protected] via https://esm.sh/@mui/[email protected], and this ended up with the reverse issue: one of the deeper imports was importing [email protected].

In either case, I end up with my script failing in the browser with TypeError: Cannot read properties of null (reading 'useContext'), which of course comes from the mismatching versions of react being used.

Any help here would be appreciated, as I've poured many hours into trying to figure this out myself. I will add that I'm trying to support quite dynamic stuff, so I'm trying to avoid building these packages and storing the code myself. But I'll of course accept reality if that's my only option.

Let me know what I'm missing, if anything. Thank you!

[ije]

I believe this issue has been fixed in v136, but it is not yet deployed online (check #856)

[ije]

here is the dev version of https://esm.sh/@mui/[email protected],[email protected], on the main branch:

/* esm.sh - @mui/[email protected] */
import "/@mui/system@^5.16.7/[email protected]&target=es2024";
import "/@mui/system@^5.16.7/[email protected]&target=es2024";
import "/@mui/system@^5.16.7/[email protected]&target=es2024";
import "/@mui/system@^5.16.7/[email protected]&target=es2024";
import "/@mui/system@^5.16.7/[email protected]&target=es2024";
import "/@mui/system@^5.16.7/[email protected]&target=es2024";
import "/@mui/system@^5.16.7/[email protected]&target=es2024";
import "/@mui/system@^5.16.7/[email protected]&target=es2024";
import "/@mui/system@^5.16.7/[email protected]&target=es2024";
import "/@mui/system@^5.16.7/[email protected]&target=es2024";
import "/@mui/system@^[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^5.16.6/[email protected]&target=es2024";
import "/@mui/utils@^[email protected]&target=es2024";
import "/@popperjs/core@^2.11.8?target=es2024";
import "/clsx@^2.1.0?target=es2024";
import "/[email protected]/es2024/react-dom.mjs";
import "/react-transition-group@^[email protected],[email protected]&target=es2024";
import "/[email protected]/es2024/jsx-runtime.js";
import "/[email protected]/es2024/react.mjs";
export * from "/@mui/[email protected]/X-ZHJlYWN0LWRvbUAxOC4yLjAscmVhY3RAMTguMi4w/es2024/material.mjs";