Remix example broken

[janat08]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

emotion-js/emotion#2413
Running the app does nothing if using cloudflare workers variant of remix-run (generate remix-run) for cloudflare workers which uses esmodules.

Expected behavior 🤔

For the example project to work, since the whole point of it is to not have to play with bundlers and stuff.

Steps to reproduce 🕹

Steps:

1. Create remix-run for cloudflare workers
2. Run it and visit 8787 port from miniflare
3. Add a component form mui to be rendered
4. https://github.com/janat08/boughtwithslowsearchfront/commit/30d665c212f5fcbd059e0cd9bab584274112c3d0

Context 🔦

Deploy mui app through remix-run on cloudflare workers.

Your environment 🌎

System:
OS: Linux 5.13 Ubuntu 20.04.2 LTS (Focal Fossa)
Binaries:
Node: 16.13.0 - ~/.nvm/versions/node/v16.13.0/bin/node
Yarn: 1.22.17 - ~/.nvm/versions/node/v16.13.0/bin/yarn
npm: 8.1.0 - ~/.nvm/versions/node/v16.13.0/bin/npm
Browsers:
Chrome: Not Found
Firefox: Not Found
npmPackages:
@emotion/react: ^11.7.1 => 11.7.1
@emotion/styled: ^11.6.0 => 11.6.0
@mui/base: 5.0.0-alpha.65
@mui/material: ^5.3.0 => 5.3.0
@mui/private-theming: 5.3.0
@mui/styled-engine: 5.3.0
@mui/system: 5.3.0
@mui/types: 7.1.0
@mui/utils: 5.3.0
@types/react: ^17.0.24 => 17.0.38
react: ^17.0.2 => 17.0.2
react-dom: ^17.0.2 => 17.0.2
typescript: ^4.1.2 => 4.5.5

[janat08]

emotion-js/emotion#2413
The bug that causes it to break when in esmodule, and fixes.

[mnajdova]

Thanks for creating the issue and linking the corresponding issue on the emotion repository. Looks like the bug and workaround are already reported there, so I am closing this issue as it is a problem in an external dependency.

[janat08]

I still don't know how to apply either one of those workarounds as I tend to use starter templates to avoid learning what it is that they're talking about.

…

On Mon, Jan 24, 2022 at 2:17 PM Marija Najdova ***@***.***> wrote: Closed #30735 <#30735>. — Reply to this email directly, view it on GitHub <#30735 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACWP5AIJKZISNW37BRJFM4TUXUDKBANCNFSM5MR7IU5Q> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you authored the thread.Message ID: ***@***.***>

[jgb-solutions]

Just ran into the same issue here with Cloudflare Pages with Remix and MUI. Any solutions?

[eduardosanzb]

@jgb-solutions did you solved it? I just started trying to setup this; seems to be an issue with emotion using some nodejs dependencies.

[jgb-solutions]

@eduardosanzb yeah I got it working by not using MUI on Cloudflare. I think I ended up using Vercel and fly.io to deploy the site.

[eduardosanzb]

awesome; I ended up following this comment @jgb-solutions emotion-js/emotion#2446 (comment)