what are the requiriments if any? about react-modal

[zjjott]

var ModalPortal = React.createFactory(require('./ModalPortal'));
raise:
Uncaught TypeError: Cannot read property 'createFactory' of undefined

[mzabriskie]

Do you have any code that you can share?

[laran]

I'm getting a similar error.

My main app entry point is here:
https://github.com/laran/warehouse/blob/master/warehouse-application-starter/src/main/resources/static/index.html

These are the two files that fail to load properly:

• https://github.com/laran/warehouse/blob/master/warehouse-application-starter/src/main/resources/static/warehouse/js/components/flash-modal.jsx
• https://github.com/laran/warehouse/blob/master/warehouse-application-starter/src/main/resources/static/warehouse/js/components/login-modal.jsx

And here's the error that I get:

[laran]

If I add this before the code that loaded my application (specifically here) I get past that error:

var React = require(['react']);

But then I get a different error on this line:
https://github.com/rackt/react-modal/blob/master/lib/components/ModalPortal.js#L2

... because I'm using JSX, and according to the docs React.DOM should never be used when using JSX.

So, I tried replacing React.DOM.div with React.createElement('div') and that failed with "Uncaught TypeError: React.createElement is not a function".

Ideas?

[TurBoss]

well I notice that requirejs didn't work with django-pipeline :(
maybe i will switch to django-require
so is my fault

thx

[francisgwhitesell]

I am also having this issue. I'm importing react and react-modal without module loading.
import Modal from 'react-modal';
and I get:

and:

similar to @laran .

[geetotes]

@francisgwhitesell that probably means that React is undefined. Are you loading React before you load react-modal?