Anyone using shadow-cljs with react-native? In my project every time I make a change to a cljs file it will update quickly (using Fast Refresh I assume?), but then a couple seconds later it will rebuild/re-download the bundle.

Hi, I am trying to make TextInput from Material-ui working within our project, where the problem was reported by my colleagues couple days back: We require this:

["@material-ui/core/TextField" :default TextField]

js.js:74 shadow-cljs - failed to load module$node_modules$$material_ui$core$Select$SelectInput
shadow.js.jsRequire @ js.js:74
shadow$provide.module$node_modules$$material_ui$core$Select$Select @ Select.js:21
shadow.js.jsRequire @ js.js:66
shadow$provide.module$node_modules$$material_ui$core$Select$index @ index.js:16
shadow.js.jsRequire @ js.js:66
shadow$provide.module$node_modules$$material_ui$core$TextField$TextField @ TextField.js:37
shadow.js.jsRequire @ js.js:66
shadow$provide.module$node_modules$$material_ui$core$TextField$index @ index.js:16
shadow.js.jsRequire @ js.js:66
shadow.js.require @ js.js:100
(anonymous) @ orgpad.client.views.widgets.text_field.js:3
js.js:74 shadow-cljs - failed to load module$node_modules$$material_ui$core$Select$Select
shadow.js.jsRequire @ js.js:74
shadow$provide.module$node_modules$$material_ui$core$Select$index @ index.js:16
shadow.js.jsRequire @ js.js:66
shadow$provide.module$node_modules$$material_ui$core$TextField$TextField @ TextField.js:37
shadow.js.jsRequire @ js.js:66
shadow$provide.module$node_modules$$material_ui$core$TextField$index @ index.js:16
shadow.js.jsRequire @ js.js:66
shadow.js.require @ js.js:100
(anonymous) @ orgpad.client.views.widgets.text_field.js:3
js.js:74 shadow-cljs - failed to load module$node_modules$$material_ui$core$Select$index
shadow.js.jsRequire @ js.js:74
shadow$provide.module$node_modules$$material_ui$core$TextField$TextField @ TextField.js:37
shadow.js.jsRequire @ js.js:66
shadow$provide.module$node_modules$$material_ui$core$TextField$index @ index.js:16
shadow.js.jsRequire @ js.js:66
shadow.js.require @ js.js:100
(anonymous) @ orgpad.client.views.widgets.text_field.js:3
js.js:74 shadow-cljs - failed to load module$node_modules$$material_ui$core$TextField$TextField
shadow.js.jsRequire @ js.js:74
shadow$provide.module$node_modules$$material_ui$core$TextField$index @ index.js:16
shadow.js.jsRequire @ js.js:66
shadow.js.require @ js.js:100
(anonymous) @ orgpad.client.views.widgets.text_field.js:3
js.js:74 shadow-cljs - failed to load module$node_modules$$material_ui$core$TextField$index
shadow.js.jsRequire @ js.js:74
shadow.js.require @ js.js:100
(anonymous) @ orgpad.client.views.widgets.text_field.js:3
js.js:75 Uncaught TypeError: Cannot read property 'isRequired' of undefined
    at Object.shadow$provide.module$node_modules$$material_ui$core$Select$SelectInput (SelectInput.js:453)
    at shadow.js.jsRequire (js.js:66)
    at Object.shadow$provide.module$node_modules$$material_ui$core$Select$Select (Select.js:21)
    at shadow.js.jsRequire (js.js:66)
    at Object.shadow$provide.module$node_modules$$material_ui$core$Select$index (index.js:16)
    at shadow.js.jsRequire (js.js:66)
    at Object.shadow$provide.module$node_modules$$material_ui$core$TextField$TextField (TextField.js:37)
    at shadow.js.jsRequire (js.js:66)
    at Object.shadow$provide.module$node_modules$$material_ui$core$TextField$index (index.js:16)
    at Object.shadow.js.jsRequire (js.js:66)

these are all the dependencies we currently use:

"dependencies": {
  "@material-ui/core": "^4.8.0",
  "bezier-js": "^2.4.4",
  "create-react-class": "^15.6.3",
  "deps": "^0.1.2",
  "process": "^0.11.10",
  "react": "^16.12.0",
  "react-dom": "^16.12.0",
  "react-motion": "^0.5.2",
  "webfontloader": "^1.6.28"
},

quick look at the code suggest prop-types is the problematic package

check which one material-ui expects and which one you have in node_modules/prop-types

we have "[email protected]"

might go deeper than that package too

can't really tell where the isRequired is supposed to be coming from

or rather it is trying default.isRequired and default is undefined

in the minimal working example, we have "[email protected]"

I also have 15.7.2

you can also check node_modules/@material-ui/core/node_modules

thats usually a clue if there are packages in there

shadow-cljs doesn't read those

ya, there is on

one

with 15.7.2

so what is the solution? adding this dependency directly into our project?

no clue. might be.

material-ui is one of those packages that constantly breaks

I have tested to add it and it runs fine 🙂

I really wouldn't recommend using it

hmm, what are the alternatives? we basically want to get reasonable UI elements without spending much time with it

don't know

anyway, thx a lot for help, I will have to learn to read JS packages better

hopefully we get everything running soon

how the npm modules have versions chosen? why did we got the older version for prop-types?

its a common package. some other package you installed also depended on the older version

npm list or something shows all installed packages

why is not the largest needed version installed? it seems that also react and react-motion depended on it

don't ask me .. I don't know how they handle this anymore

ok, complexity lurks everywhere out there 🙂 anyway thx a lot

Hi Folks, wondering if anyone has by chance tried using Rete.js with shadow-cljs?

I'm trying shadow-cljs out for the first time and hoping to use this lib. Installs fine via npm but when I try to require and use as in the examples the object import is empty

I can import other deps from node which are installed in the project just fine

From what I can see the library is a TS project using Rollup.js and ES

So in short, hoping someone has tips in using an npm lib using babel, ts and rollup.js (most of which I generally understand but don't have experience with)

https://github.com/retejs/rete