Material UI doesn't seem to work with Parcel

[abilash13]

• This is a v1.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Material UI should work when using Parcel

Current Behavior

/Users/abilash/wildwest/react-dump/parcel/node_modules/recompose/wrapDisplayName.js:3:37: Cannot resolve dependency '@babel/runtime/helpers/builtin/interopRequireDefault'
  1 | "use strict";
  2 |
 >3 | var _interopRequireDefault = require("@babel/runtime/helpers/builtin/interopRequireDefault");
    |                                      ^
  4 |
  5 | Object.defineProperty(exports, "__esModule", {
  6 |   value: true

Steps to Reproduce

Link:

1. Following the same steps described in the sample parcel example given here: https://github.com/mui-org/material-ui/tree/master/examples/parcel

Context

I'm trying to use Material UI with Parcel and Babel

This is my .babelrc file:

{
  "presets": ["env", "react"],
  "plugins": ["transform-class-properties"]
}

Your Environment

Tech	Version
@material-ui/core	v1.4.3
react and react-dom	v16.4.2
parcel-bundler	v1.9.7
babel-preset-env	1.7.0
babel-preset-react	6.24.1
Browser	Firefox

[dupski]

This might be related to #12408

[oliviertassinari]

The error is coming from the recompose codebase. I doubt it's something wrong we do. It's most likely a parcel issue given it's working with the other bundlers. What do you think?

[oliviertassinari]

Do you want to open an issue on Parcel side?

[abilash13]

Do you want to open an issue on Parcel side?

^ I have opened up an issue in the Parcel repo

It's most likely a parcel issue given it's working with the other bundlers. What do you think?

Yup sorry about that I was unsure where to file the issue.

[sakulstra]

Interestingly I got a similar error completely unrelated to parcel(isobuild):

  "@babel/runtime/helpers/builtin/interopRequireDefault" in /.../node_modules/@material-ui/core/styles/index.js (web.cordova)

I think this is related to the changes in the last babel release beta.56 https://github.com/babel/babel/releases/tag/v7.0.0-beta.56?

[mririgoyen]

This is not a Parcel issue. This is directly tied to the changes in the recompose package.

acdlite/recompose#723

They're blaming it on a change with babel. A workaround Material-UI can take is to downgrade their dependent use on recompose to 0.27.

[mbrookes]

I'd rather we wait for the (apparently imminent) downstream fix.

[oliviertassinari]

Downstream fix seems OK, let's close for now. Thanks everybody.